Start here. Grow anywhere.

Token and motion proof sheet. Done Sans, the iris ramp, the type ramp and every motion primitive — rendered from styles/v2/theme.css and lib/v2/motion.ts.

Type ramp

text-displayDisplay 56
text-heading-lgHeading LG 32
text-heading-mdHeading MD 24
text-heading-smHeading SM 18
text-body-lgBody LG 16
text-body-mdBody MD 14
text-body-smBody SM 12

Brand

iris-200

iris-500

iris-800

greige

wash

Status + categorical

ok

warn

err

info

Elevation + radius

shadow-xs
shadow-sm
shadow-md
shadow-lg

Gradients

--grad-primary

--grad-secondary

--grad-tertiary

--grad-accent

Motion — scroll to replay

Rise — headings

FadeIn — the workhorse

FadeIn subtle — small moves

1
2
3
4
5