06 · System
Spacing.
An 8-pixel base, applied with patience. The negative space is part of the product.
Scale
xs
4px
Tight inline spacing
sm
8px
Compact stacks
md
16px
Default rhythm
lg
32px
Section breathing
xl
64px
Between major sections
2xl
128px
Editorial breaks, hero margins
Grid
A 12-column grid with 32px gutters on desktop, 4 columns and 16px gutters on mobile. Maximum content width: 1280px. Body text caps at 65ch for readability.
12 columns32px gutter1280px max
Density principles
Above the fold
Lead with negative space. The first screen of any page should hold no more than three elements at once.
Section breaks
A minimum of 96px between major sections on desktop, 48px on mobile. Hairlines (1px Driftwood at 15%) over heavy dividers.
Product imagery
Minimum 80px margin around any garment photograph on desktop. Never crop to fill.
Typography
Line-height 1.6 for body, 1.05 for display. Letter-spacing 0.25em for all small caps and labels.