The Grid That Had to Go

The Design Challenge

One layout system was meant to hold everything: product pages, the archive, long-form writing, and whatever came next.

It held the first three well enough that nobody examined it for a year.

Exploration

The examination started from a complaint that was not about layout at all. Long entries in the archive were being abandoned partway through, and the assumption was that they were too long.

They were not too long. They were too wide. The grid had been set for product pages, where a wide measure is correct because the content is images with short captions. Applied to running text, the same measure produces lines the eye cannot track back from reliably.

The reading pages had inherited a decision made for a different kind of page, and inheritance is invisible in a design system by construction.

Iterations

The first attempt narrowed the text column inside the existing grid. It worked and it looked like a mistake — a narrow block floating in a wide field, with the surrounding space reading as an error rather than as margin.

The second attempt gave reading pages their own maximum width, independent of the grid, and let everything else keep the old system. Two systems, honestly separated, rather than one system stretched over two jobs.

The third attempt set that width by measure rather than by pixels — a target number of characters per line — and let the pixel value fall out of the type size. This is the version that shipped, and it is the only one that will still be correct after the next type change.

Final Direction

Reading pages sit at a fixed maximum measure with the margin treated as part of the design rather than as leftover space. Everything else stays on the original grid, unchanged.

No page was redesigned. One number was changed and three pages became readable.

Design Principles Applied

A system that cannot be broken deliberately will be broken accidentally. The old grid had no legitimate exit, so reading pages stayed inside it and paid for it.

Set typographic constraints in typographic units. A width in pixels is correct until the type changes. A width in characters stays correct.

Complaints are rarely about their stated subject. The report said the entries were too long. Nothing was shortened.