Design System
Vol. I — Spring 2026
Design System Reference

The Art of
Building

Generated from src/styles/tokens.ts and src/components/ — use as a portable reference when prompting. Every token, every variant, one page.

01

Color

Primary
Clay
#D97757 --clay
Slate
#141413 --slate
Ivory
#FAFAF6 --ivory
Oat
#E3DACC --oat
Neutral
White
#FFFFFF --white
Gray 100
#F0EEE6 --gray-100
Gray 300
#D1CFC5 --gray-300
Gray 500
#87867F --gray-500
Gray 700
#3D3D3A --gray-700
Semantic
Success
#788C5D --success
Warning
#C78E3F --warning
Danger
#B04A4A --danger
Info
#5C7CA3 --info
02

Typography

Plan the week ahead
Display 64 / 1.05 / Cormorant Garamond 300
Plan the week ahead
Heading 1 40 / 1.15 / Cormorant Garamond 400
Plan the week ahead
Heading 2 28 / 1.25 / Cormorant Garamond 400
Review milestones, assign owners, and surface blockers before they cascade.
Body 16 / 1.6 / Work Sans 400
Review milestones, assign owners, and surface blockers before they cascade.
Small 14 / 1.55 / Work Sans 500
Updated 2 hours ago
Caption 12 / 1.4 / Fira Code 500
03

Spacing

4
--sp-1
8
--sp-2
12
--sp-3
16
--sp-4
24
--sp-5
32
--sp-6
48
--sp-7
64
--sp-8
04

Radius & Elevation

--r-xs
4px
--r-sm
8px
--r-md
12px
--r-lg
20px
--shadow-sm
0 1px 2px / 6%
--shadow-md
0 4px 10px / 8%
--shadow-lg
0 12px 28px / 12%
05

Core components

<Button />
<Input />
<Checkbox />
<Badge />
Draft In review Done Overdue