System
Design Tokens & Type
Quick visual check to keep styles consistent as the site grows.
Colors
--bg
--surface
--surface-2
--accent
--success
--warning
--danger
Typography
Eyebrow
Heading 1
Lead paragraph — great for introductions. Normally below h1 headings
Heading 2
Body paragraph with inline code and a link.
Heading 3
Body paragraph with inline code and a link.
Heading 4
Body paragraph with inline code and a link.
Heading 5
Body paragraph with inline code and a link.
Heading 6
Body paragraph with inline code and a link.
Body paragraph with inline code and a link.
Spacing tokens
--space-1
--space-2
--space-3
--space-4
--space-5
--space-6
--space-7
--space-8
--space-9