Temporary QA — Layer 2 semantic tokens
Color aliases
Swatches use Layer 2 utilities only. This page goes away when Home is built.
- foreground
foreground
Body and heading text
- background
background
Page surface
- accent
accent
Highlights, stats, nav Contact
- muted
muted
Secondary labels and placeholders
- border
border
Hairlines and input underlines
- surface
surface
Soft panels and directory rows
- surface-subtle
surface-subtle
Alternate panel fill
- action
action
Default filled control
- action-hover
action-hover
Filled control hover
- on-action
on-action
Text and icons on filled controls
- danger
danger
Errors and invalid states
Temporary QA — typography font sizes
Type scale
Resize to ~375 / ~768 / ~1024. Sizes follow Mobile → Tablet → Desktop Figma modes. Weights and line-heights are not tokenized yet.
Title T1
Heading H1
Heading H3
Body P1 — primary paragraph size
Body P3 — small copy
Button B1
Label L0