Theme
Colour, type, buttons and depth. Components read semantic tokens only, so anything changed here moves the whole app at once.
Core palette
The locked Blend OS palette. Ink is dominant, pine is sparse: CTA, active nav dot, done step.
editing light mode
--background
--card
--muted
--foreground
--muted-foreground
--faint
--border
--primary
--primary-foreground
--accent
--destructive
--warning
Typography
Display serif on h1/h2/h3 only. Numerics are always sans and tabular, never serif.
applies to both modes
--font-display
Used on h1, h2 and h3
--font-body-stack
Everything that is not a heading
--h1-size
--h1-weight
--h1-line
--h1-tracking
--h2-size
--h2-weight
--h2-line
--h2-tracking
--h3-size
--h3-weight
--h3-line
--h3-tracking
--body-size
--body-weight
--body-line
--small-size
--numeric-weight
Applied to every figure in the app
Buttons and chips
Pill by default. Radius, padding and weight apply to every button variant.
applies to both modes
--button-radius
--button-padding-x
--button-padding-y
--button-weight
Shape, depth and motion
Radius 20 to 24px on cards, 12px on inputs. One motion per element.
applies to both modes
--radius-card
--radius-card-lg
--radius-input
--ease-blend
Elevation
shadow-card on cards, shadow-pop on menus.
editing light mode
--elevation-card
--elevation-pop