Theme
We're big nerds about this
Logos
Colors
Base Colors
Color Tokens
Red
Orange
Yellow
Green
Blue
Purple
Gray
Typography
Display
Gelasio 600 · compact 2.125rem/2.5rem · desktop 2.5rem/2.75rem
Page title
Gelasio 600 · compact 2rem/2.375rem · desktop 2.25rem/2.625rem
Entity title
Gelasio 600 · compact 1.75rem/2.125rem · desktop 2rem/2.375rem
Section title
Gelasio 600 · 1.5rem/1.875rem
Card title
Gelasio 600 · 1.25rem/1.625rem
Group title
Work Sans 600 · 1rem/1.5rem
Body
Work Sans 500 · 1rem/1.5rem
Body compact
Work Sans 500 · 0.9375rem/1.375rem
Support
Work Sans 500 · 0.875rem/1.25rem
Control
Work Sans 600 · 0.875rem/1.25rem
Input
Work Sans 500 · 1rem/1.5rem
Field label
Work Sans 600 · 0.8125rem/1.125rem
Product eyebrow
Work Sans 700 · 0.75rem/1rem · 0.08em tracking
Paragraph
Legacy alias · Work Sans 500 · 1rem/1.5
Paragraph Bold
Legacy alias · Work Sans 600 · 1rem/1.5
Smol
Legacy alias · Work Sans 500 · 0.875rem/1.25rem
Eyebrow
Legacy alias · Work Sans 700 · 0.75rem/1rem · 0.08em tracking
Rainbows
Cool Rainbow
blue-9: var(--blue-9)
green-9: var(--green-9)
purple-9: var(--purple-9)
Warm Rainbow
red-9: var(--red-9)
orange-9: var(--orange-9)
yellow-9: var(--yellow-9)
Full Rainbow
red-9: var(--red-9)
orange-9: var(--orange-9)
yellow-9: var(--yellow-9)
green-9: var(--green-9)
blue-9: var(--blue-9)
purple-9: var(--purple-9)