The catalog cost three euros. It was a 1962 Knoll price list, reprinted for some anniversary exhibit, sitting in a crate of old design ephemera at a market near Waterlooplein. I bought it for the chairs, not the numbers. The numbers found me later, on a Tuesday, when I was stuck on a spacing problem for a banking app and had the catalog open on my desk as a kind of visual palate cleanser.
A Catalog From 1962
Knoll listed dimensions for everything: seat height, armrest depth, the gap between a table edge and the chair pulled up to it. What struck me wasn’t any single measurement but how often the same few numbers repeated across completely different pieces. A side table at 16 inches. A lounge chair arm at 24. A credenza pull set 32 inches from the floor. These weren’t arbitrary. Someone had decided, decades earlier, that certain intervals felt right to a human body, and then applied that decision everywhere.
The Numbers That Repeated
I started circling measurements in pencil. After twenty minutes I had a short list: 4, 8, 12, 16, 24, 32, 48, 64. It looked suspiciously like a spacing scale. Not because Knoll was thinking about interface design in 1962, but because the underlying logic was the same one I was failing to find on my own: small intervals for close relationships, doubling intervals for distance, nothing in between that didn’t earn its place.
Turning Furniture Into a Grid
I went back to the banking app and threw out the spacing values I’d been using, which were the usual grab bag of 6, 10, 14, 18, 22, chosen by eye and never questioned. I rebuilt every margin and padding value using the Knoll-derived scale. The difference was immediate and a little embarrassing. Sections that had felt cluttered for two weeks suddenly had room to breathe, not because I’d added space but because the space I had was finally consistent.
4, 8, 12, 16
The scale works because it mirrors how people actually read hierarchy. Four pixels between a label and its input field. Eight between related fields. Sixteen between unrelated groups. Thirty-two between sections. Nothing requires explanation once the pattern is visible, which is the whole point. A design system shouldn’t need a legend.
- 4px: inline spacing, icon to label
- 8px: related elements within a component
- 16px: between components in the same group
- 32px: between distinct sections
- 64px: between major page regions
Where It Broke
No scale survives contact with real content. The first place mine failed was a data table for a client called Verity Health, where clinicians needed to scan rows of lab results quickly. Sixteen pixels of row padding looked elegant and tested terribly. Nurses using the prototype said it felt slow, like reading a book with too much line spacing. We dropped to 8 and gained back a third of the vertical rhythm users actually wanted.
The Input Field Problem
Form fields were the other exception. The scale assumes you’re arranging blocks, but a text input carries its own internal padding, its border, its label offset, and stacking those on top of a rigid 8-point system produces fields that look technically correct and subtly wrong. I ended up keeping the scale for layout and letting components break it slightly when the content demanded it. The system serves the work, not the other way around.
Teaching a Team to See It
When I started working with a three-person team at a logistics startup called Hauler, I didn’t lecture them on spacing theory. I printed out pages from the Knoll catalog, blew up the measurement callouts, and pinned them next to our Figma screens for a week. Nobody asked why. They just started noticing when something felt off, the way you notice a picture frame hung two inches too high.
The Sticky Note Exercise
The exercise I still use with new collaborators: give someone a ruler and a printed screen, and ask them to measure every gap without telling them what numbers to expect. Almost everyone finds the pattern within ten minutes. It’s not a trick. The eye already knows the scale. The exercise just gives people permission to trust what they’re seeing instead of guessing.
A spacing system isn’t a constraint on creativity. It’s the thing that lets creativity live somewhere other than the margins.
What I’d Do Differently
If I were starting over, I’d document the exceptions as carefully as the rule. Right now my spacing scale lives in a Figma library with clean tokens and no notes on when to ignore them, which means every new hire relearns the input field problem the hard way. I’m fixing that this month, one annotation at a time, mostly because I’m tired of explaining the same thing over video calls.
The furniture catalog still sits on my shelf, spine cracked at the page with the credenza. I haven’t needed to open it in years. But I like knowing it’s there, a reminder that good proportion systems are usually older than the medium you’re applying them to, and that the right answer is sometimes just sitting in a crate at a flea market, waiting for someone to notice the repetition.
