Foundations
Tokens, and the reasons for them.
Colour, type and motion, with the reasoning kept next to the value. Where a number here differs from the brand document, the brand document is the bug report.
Type scale
- text-display
- Page-opening statement, one per page
- text-heading
- Section headings
- text-subhead
- Block titles inside a section
- text-label
- Caps overline above a section
Archivo for everything. IBM Plex Mono is reserved for numerals and specs, never for labels: mono caps read as code.
Measured contrast
- Primary button, both themes
- 9.41:1Primary button, both themes
- Muted text on carbon
- 7.82:1Muted text on carbon
- Ember cap per surface
- 5%Ember cap per surface
The accent is ember-lift in both themes, under an ink label. Focus and link do not follow it: a fill can be light because its label carries the contrast, but a hairline ring and a run of text cannot.
Motion
- Controls
- 140 msControls
- Base
- 200 msBase
- Overlays
- 320 msOverlays
Nothing bounces and nothing scales. Hover shifts tone, press shifts it one step further, and every duration collapses to zero under prefers-reduced-motion.