Component sheet

Foundation only. Every value here comes from tokens.css; nothing is hard-coded in components.

Colour

• --color-bg
• --color-surface
• --color-surface-muted
• --color-ink
• --color-muted
• --color-line
• --color-brand-900
• --color-brand-700
• --color-brand-600
• --color-brand-200
• --color-brand-50
• --color-accent
• --color-frame
• --color-success
• --color-error

Type scale

Display 4xl

Display 3xl

Heading 2xl

Heading xl

Lead lg

Body base

Small sm