Tokens
Surfaces
Brand
primary on-primary
primary-container on-primary-container
primary-hover
Ink
Matter heading
on-surfaceBody copy and link text sit at this weight of ink.
on-surface-variantCaptions, timestamps, helper text
on-surface-mutedPlaceholder / disabled hint
on-surface-hintInverse surface
inverse-surface on-inverse-surface
inverse-surface-hover
Canvas
canvas on-canvas — forced white in both themes
Outlines
outline (card border) outline-variant (row divider)
Scrim & shadow
scrim — modal / tray backdrop
shadow — colour mixed into every elevation token
Status
Font family
The quick brown fox jumps over the lazy dog
font-sans
The quick brown fox jumps over the lazy dog
font-body
The quick brown fox jumps over the lazy dog
font-editorial
The quick brown fox jumps over the lazy dog
font-mono
Type roles
Page title
<koala-page-title>--text-page-title
--text-section-title
--text-eyebrow
--text-body
--text-caption
Radius
radius-sm 4px
radius-md 5px
radius-lg 8px
radius-xl 12px
radius-2xl 16px
Shadows
shadow-resting
static containers
shadow-raised
sticky bars
shadow-floating
dropdowns, popovers
shadow-overlay
modals, trays