Design tokens
Dev aid · dir = ltr · locale = en
RTL mirroring
This block sits at the start edge and the badge keeps its me-* gap — both flip sides in Arabic.
Ink / navy ramp
ink-50
ink-100
ink-200
ink-300
ink-400
ink-500 ●
ink-600
ink-700
ink-800
ink-900 ●
ink-950 ●
Fresh green ramp
green-50 ●
green-100
green-200
green-300 ●
green-400 ●
green-500 ●
green-600 ●
green-700
green-800 ●
green-900
green-950
● = brand anchor (others are derived tints)
Surfaces & borders
surface-canvas
surface-sunken
surface-subtle
surface-base
border-subtle
border-strong
Rating scale (color + label, never color-only)
Good / Excellent come from the green ramp. Poor (red) & Fair (amber) are provisional — TODO-confirm in Phase 3.
Type scale
display · 32/700
Fresh, clean, calm — heard in under a minute.
heading · 24/600
Fresh, clean, calm — heard in under a minute.
body · 16/400
Fresh, clean, calm — heard in under a minute.
caption · 14/400
Fresh, clean, calm — heard in under a minute.
Fonts & numerals
font-sans · Cairo (Arabic + Latin)
Fresh, clean, calm — heard in under a minute.
طازج، نظيف، هادئ — رأيك في أقل من دقيقة.
0123456789
font-mono · IBM Plex Mono (data / numerals)
0123456789
87%
Digits stay Western (0–9) in both locales — current: en.
Buttons (pointer cursor)
All show a pointer on hover (global button base rule).