Design system

Tokens

Colors.

Five families. Sage and pearl do 90% of the work; butter, rose, sky are accents. Rose is terracotta — never pink.

Surfaces

bg-page
bg-surface
bg-surface-2
bg-inverse

Foreground

fg-1 · ink
fg-2 · body
fg-3 · muted
fg-accent · sage
fg-warm · terracotta

Status

success · sage
warning · butter-700
error · rose
info · sky

sage

50
100
200
300
400
500
600
700
800
900
950

pearl

50
100
200
300
400
500
600
700
800
900
950

butter

50
100
200
300
400
500
600
700
800
900
950

rose

50
100
200
300
400
500
600
700
800
900
950

sky

50
100
200
300
400
500
600
700
800
900
950