Design System
Token showcase — temporary page for Phase 1 verification.
Colours
Primary (Slate)
50
100
200
300
400
500
600
700
800
900
950
Accent (Amber)
50
100
200
300
400
500
600
700
800
900
950
Typography
Inter, Major Third scale (1.25)
5xl — 3.815rem
4xl — 3.052rem
3xl — 2.441rem
2xl — 1.953rem
xl — 1.563rem
lg — 1.25rem
base — 1rem
sm — 0.8rem
xs — 0.64rem
Font weights
Light (300)
Regular (400)
Medium (500)
Semibold (600)
Bold (700)
Extrabold (800)
Cards
Default
No border, no shadow.
Bordered
Subtle border for grouping.
Elevated
Shadow for emphasis.
Dark section
This is a dark background section — used for CTAs and emphasis blocks.