KRAT ONE · Visual Language
Sophistication.
Power. Force.
A monochrome core — black, white and grays — carrying the brand's authority. Inside the system, a saturated spectrum is used semantically, one color per meaning, following the psychology of color.
01 · Color
Neutral scale — the brand
#0A0A0B
900
700
500
300
100
#FFF
Semantic accents — psychology of color
Blue · Info
Stability · Trust · links
Green · Success
Growth · Health · positive
Red · Danger
Urgency · Energy · critical
Orange · Warning
Confidence · attention
Yellow · Highlight
Dynamism · Energy
Purple · Premium / AI
Luxury · Innovation
02 · Typography
Display / 52Territorial conquest
H1 / 34Command the territory
H2 / 26Agency dashboard overview
H3 / 20Wallet & rebilling
Body / 15The quick brown fox jumps over the lazy dog — 1234567890.
Small / 13Secondary text, captions and helper copy.
Label / monoUppercase · tracked · 11px
03 · Buttons
Variants
Sizes · with icon · states
04 · Form elements
⌕
Enter a valid email address.
Selection
SaaS Mode ON
Off
Slider
05 · Badges, pills & tags
Core
Neutral
Info
Active
Trial
Past due
AI
roofing ×
high-ticket ×
meta-ads ×
+ Add tag
06 · KPIs
$
MRR
$8,940
▲ 17.9%
◍
Active clients
24
▲ 3 this month
⬢
Agent runs
1,284
▲ 8.2%
◷
Wallet burn
$1,666
▼ 4.1%
07 · Cards
Basic card
A container with border, radius and subtle elevation. Holds any content.
AIAgent
Interactive
Hover to lift. Used for clickable tiles.
With footer
Action row separated below.
08 · Lists
BTHot
Bruno Tavares
Constru Tavares · SQL
MA$12k
Marina Alvez
Customer
CR3d
Camila Rocha
MQL · Meta Ads
PlanAgency
RebillingPrepaid wallet
Margin66%
09 · Table
| Client | Plan | MRR | Margin | Status |
|---|---|---|---|---|
| Pizzaria do João | Pro | $149 | $402 | Active |
| Constru Tavares | Agency | $399 | $1,880 | Active |
| Nunes Advogados | Starter | $49 | $96 | Trial |
| Dias Imóveis | Pro | $149 | — | Past due |
10 · Tabs & segmented
11 · Alerts
ⓘ
Heads up. Snapshot “Roofing v4” has an update ready.
✓
Published. 12 posts scheduled across 4 networks.
⚠
Low balance. Wallet under $200 — auto top-up will trigger.
✕
Spend blocked. Budget cap reached; approval required.
12 · Charts & data viz
MRR · 6 months
Usage trend
Margin
66%
retail vs cost
Progress bars
AI tokens72%
SMS credits44%
Email quota88%
Storage31%
13 · Avatars, overlays & states
AO
RC
MA
BT
CR
DF
+9
Apply snapshot
Provision Pizzaria do João from “Restaurant / Local v2”. This clones pipelines, workflows and agents — no data.
✓
Client provisioned
Aurora • sub-account ready
⬢
Agent finished
Reporting Agent · 2,140 tokens · $3.75
◍
No contacts yetImport a CSV or connect a source to get started.
KRAT ONE · Design System · sophistication · power · force