Design system
Styleguide.
Tokens and components as shipped, on one page.
Component
Color
paper
#F5F2ED
surface
#FFFFFF
ink
#141412
ink-2
#4A4844
ink-3
#8A867F
line
#E3DED6
accent
#B8763A
accent-ink
#6E4520
success
#2F6B3F
warn
#B9861F
danger
#9E2F2F
Component
Type
Instrument Serif · display
96 Forty-nine ninety-nine.
64 The core program
48 Built to be reordered.
36 Shipping & returns
28 Card headline
Geist · UI and body · tabular figures
18 Lead paragraph. 320gsm fleece in four core colors, every size in stock.
16 Body. 320gsm brushed fleece, four core colors, every size in stock.
14 UI. 3 × $44.99 = $134.97
13 Meta. Camel · +3 colors
Eyebrow · 12 uppercase tracking-widest
Corner label · Low stock
Component
Buttons
Link arrow →
Component
Pricing
1 unit
$49.99
each
3+ units
$44.99
10% off
12+ units
$39.99
20% off
Discounts apply automatically across colors and sizes of the same style.
Component
Status chips (PDP only)
In StockLow StockDrops Sep 20Pre-order · Ships OctBy the caseSample availableArchiveSold OutComing Soon
Component
Inputs
Enter a 5-digit ZIP.
Component
Product cards
Component
Surfaces and motion
Surface: white, 4px radius, no border, no shadow.
Image frame: paper background, 2px radius.
Motion: 400ms section reveal, 180ms hovers, spring drawer. Nothing else.
