Design tokens
Generated live from tokens.css. Use the Theme panel to change the configured palettes, mode and density.
Configured palettes (tier 1)
--awe-primary-50..950
--awe-surface-0..950 (slate in light and zinc in dark unless data-awe-surface is set)
Semantic colours (tier 2) · light and dark
| Token | Light | Dark | Definition |
|---|
Text on surfaces
Elevation
Typography (Inter)
Spacing · 4px grid
Radius · Aura scale
Foundations, density and component tokens
| Token | Tier | Comfortable | Compact |
|---|