07 · Rhythm · Space

4-point scale. Hairline seams.

07 / 22

Space is a ladder, not a sampling. Nine rungs total, all multiples of 4. Chassis panels are joined by a single pixel — not two, not a gap, one hairline. The border is the seam.

Scale · 4·8·12·16·24·32·48·64·96

4px --space-2xs · hairline, icon nudge

8px --space-xs · inline gap, badge padding

12px --space-sm · field gap, card interior

16px --space-md · row spacing, list gap

24px --space-lg · card padding, section divider

32px --space-xl · wrap padding, panel interior

48px --space-2xl · section-to-section

64px --space-3xl · hero top/bottom

96px --space-4xl · page margin, rare

Seam · 1px vs 2px

1.0 · 2px seam + chrome node

2.0 · 1px seam · nodes at container only

Two pixels becomes chrome. One pixel becomes a seam. The panels read as cut from the same sheet, not assembled with hardware.