Design System
LiveInternal reference: every colour, size and component on this page comes from src/styles/tokens.css and src/components/ui.
Colour tokens (current theme)
--color-bg
--color-surface-1
--color-surface-2
--color-surface-3
--color-text-1
--color-text-2
--color-text-3
--color-accent
--color-primary
--color-status-live
--color-status-preview
--color-status-soon
--color-stage
Type scale
--text-3xlAmbient light, honest labels
--text-2xlAmbient light, honest labels
--text-xlAmbient light, honest labels
--text-lgAmbient light, honest labels
--text-mdAmbient light, honest labels
--text-smAmbient light, honest labels
--text-xsAmbient light, honest labels
Components
LivePreviewSoon
Notice
Used for sample-content and “not open yet” messages.
Platform components (P1)
Test contentTest profile
First panel. Use ← → to move between tabs, Home / End to jump.
Demo only — nothing is saved or sent.
Disabled field example.