KOVA · design system · v1 · phase 4 visual language
Calm, accountable software for jewellery operations.
This page is the visual proof of the new language. 60 % Linear, 20 % Stripe, 10 % Notion,
10 % Datadog. No gold. No editorial serif. No chatbot. Decisions render as verified objects;
evidence is always one click away; the chrome stays out of the way of the work.
Cool, restrained, accountable. Status tones appear only on data — never as decoration. Module accents recolor a 2-px stripe and a 6-px dot; nothing more.
Ink & Surface
Ink · headlines
--ink · #0B0D10
Ink-2 · body
--ink-2 · #1F2329
Ink-3 · tertiary
--ink-3 · #3C434C
Mute · metadata
--mute · #6B7280
Line · divider
--line · #E5E7EB
Surface · card
--surface · #FFFFFF
Surface-2 · hover
--surface-2 · #F7F8FA
Bg · page
--bg · #FAFBFC
Accent & Status
Accent · primary CTA
--accent · #2E5BFF
Accent-2 · hover
--accent-2 · #1D4ED8
Accent-soft · bg
--accent-soft · #EEF2FF
Success · verified
--success · #0F7B5B
Warn · attention
--warn · #B45309
Danger · reject
--danger · #B91C1C
Info · neutral status
--info · #1E5E8F
Module accents
Home · graphite
--m-home
Orbit · steel blue
--m-orbit
Vault · emerald
--m-vault
Price · deep steel
--m-price
Kraft · indigo
--m-kraft
Approvals · teal · trust
--m-approvals
Monitor · slate
--m-monitor
Admin · slate ink
--m-admin
02
Typography
Inter and JetBrains Mono. Sans-only. No italic body. Italic reserved for genuine emphasis. Numerics always tabular.
Ramp
display
Move 38 SKUs · ₹14.2 L
h1
Good morning, Rohan.
h2
Pending approvals
h3
VAULT · transfer recommendation
body
Delhi demand has outperformed forecast for 14 days.
body-sm
4 of 6 claims sourced · last refreshed 2 min ago
meta
Run rcp-44c9 · v3 · started 11:42 IST
eyebrow
RECOMMENDATION · ORBIT
mono
rcp-44c9 · sha 2fbc..91a · v3
Specs
DisplayInter · 32 / 40 · 600 · -0.018em
H1Inter · 24 / 32 · 600 · -0.015em
H2Inter · 18 / 24 · 600
H3Inter · 15 / 20 · 600
BodyInter · 14 / 22 · 400
Body-smInter · 13 / 20 · 400
MetaInter · 12 / 16 · 500
EyebrowInter · 11 / 14 · 600 · 0.08em UPPER
MonoJetBrains Mono · tabular
OpenTypecv11 · ss01 · ss03 · tnum
Italicemphasis only · never body
03
Atoms
Buttons, inputs, chips, status. Six states each. Focus-visible only on keyboard. Approve and Reject are reserved tones — never used for navigation.
Buttons · variants
States · primary
Sizes
Inputs · states
SKU
Paste a list with ⌘V
Reserve price
₹
Discount cap
%
Exceeds CEO ceiling of 20 %
Vendor
Chips · status semantics
Verified Awaiting CEO Rejected Generating Pending reviewDraftSign · ⌘⏎
04
Molecules
KPI tile, confidence meter, approval step, run badge, segmented control, tabs. Each composes 2–3 atoms.
Approvals waiting
4
+2 since 9 am
Unlock identified
₹14.2 L
38 SKUs · VAULT
Margin Δ · 7 d
+ 6.4 %
vs. previous 7 days
Confidence · 4 levels
Low Medium High Verified
Status badge
VerifiedPendingFailedDrift · stale
Segmented · density
Tabs · with counts
Pending 4
Approved 128
Rejected 12
All
Approval chain · timeline
Priya · Merch lead
Drafted recommendation · 9:02
Auto · evidence sweep
3 of 3 claims sourced · 9:04
You · CEO
Awaiting sign · ⌘⏎ to approve
Logistics · execution
Will queue transfer manifest
05
Decision Card
The signature organism. Every business module renders one. Verification stamp, status, run pointer, h1, plain reasoning, four stats, evidence link, confidence meter, approval cluster.
Verified · Orbit daily briefPending CEO signrcp-44c9 · v3 · 2 min ago
Transfer 38 SKUs Mumbai → Delhi to recover ₹14.2 L
Delhi outperformed forecast 14 days running on solitaire bands; Mumbai’s same-cohort velocity slid 22 %. Transfer beats reprice on margin retained and preserves the catalogue.
Unlock
₹14.2 L
SKUs
38
Median age
214 d
Margin Δ
+ 6.4 %
High
Verification stamp
Always present. Color is provenance, not severity.
Run pointer
Every card knows its Run. Click jumps to MONITOR trace.
Four stats max
The fourth slot is always the financial delta.
One primary CTA
Approve. Reject + Revise are quiet siblings.
06
Application shell
Three groups in the rail: Operate · Trust · Configure. APPROVALS and MONITOR are first-class. The rail recolors a 2-px stripe per module — never a whole surface.
K
KOVA
/ Acme Jewels
⌕Search runs, decisions, SKUs…⌘K
4 approvals
RP
HOME / today / 09:42 IST
Good morning, Rohan.
Four decisions wait on you. Two move money.
Approvals
4
+2 since 9 am
Unlock
₹14.2 L
38 SKUs · VAULT
Margin Δ · 7 d
+ 6.4 %
vs. previous 7 days
Briefs · 24 h
7
all verified
What ships next · Wave B
Shell, atoms, molecules — the foundation every later page depends on.
Phase 1–6 of the strategy document above is the contract. Wave B ships the full
atomic library (all 12 atoms × 6 states, all 10 molecules) inside a clickable
shell that can host every later module page. After Wave B, the CEO journey
(HOME → APPROVALS) becomes the first end-to-end demoable flow.
Wave B
Shell · 12 atoms · 10 molecules · all states · keyboard map
Wave C
10 organisms · Decision Card variants per module · Evidence drawer · Workflow timeline · Run object
Wave D
CEO journey · /home → /approvals → /approvals/:id · the trust loop end-to-end