Design system
One visual language for the demo app, the slide decks and the promo videos. Full guidelines live in packages/design-system/DESIGN.md.
Brand colours
Blue
#006DD8
Red
#F1002F
Yellow
#FFBE00
Navy
#001C52
Surfaces
Background
background
Muted
muted
Secondary
secondary
Accent
accent
Primary
primary
Inverse
inverse
Typography
Display 60
Heading 1, Hanken Grotesk 600
Heading 2, Hanken Grotesk 600
Heading 3, Hanken Grotesk 600
Body text is set in Inter at 16px with a 1.5 line height. Keep line length under 75 characters and let whitespace do the structuring.
Muted supporting text, 14px.
Mono 14px: const answer = 42;