08
3 min read
Spacing
Thirteen pixels here. Seven there. You nudged until it looked close. Tomorrow it looks off again, because nothing is on a scale.
Spacing is a ladder, not a slider. You pick a step: 4, 8, 12, 16, 24. Padding and gaps come from the same list. Off-scale values are the reason the page never sits still.
Snap the card to the scale, then let it free. Rhythm versus noise.
InvoiceDue Friday
Every gap is a step on the same ladder. The card keeps rhythm.
13px and 16px look almost the same in isolation. Next to each other they fight. The scale is how you stop fighting.