Colors
Use semantic tokens for UI. Accent is neon-orange in light mode, neon-yellow in dark. Primitives are for fixed illustrations and data viz only.
Semantic tokens
Surface
Typography
Border & focus
Accent
Feedback
Primitive scales & opacityShowHide
Neutral
Neon Orange (light accent source)
Neon Yellow (dark accent source)
Neon Pink
Brand 1 (Blue)
Brand 2 (Violet)
Brand 3 (Teal)
Accent Legacy (Pink)
Success
Warning
Danger
Info
Opacity modifiers
/90/75/50/25Do & don’t
Card
Do
Painting title
Digital · 2024
Don't
Painting title
Digital · 2024
Primary action
Do
Don't