The Grid
One grid, one spacing scale, one type scale, and the pages that carry the site written by hand instead of generated.
It looks vibe coded. The alignments are all messed up. The composition is not there. A complete redo.
The whole edition is still standing, every page of it. It is marked archived on every screen, and the prices printed inside it are the ones that were published on the day it was built.
How it was built to look like itself.
- #F5F5F3Paper
- #0E0F11Ink
- #D8FB2ELime
- #D5D7DBRule
Archivo
900 at 104px, tracking -4.368px
Every display size carries a negative left margin equal to its own overhang, so a 104px headline optically aligns with the 11px label beneath it.
Twelve columns, a 24px gutter, margins stepping 20 / 32 / 56 / 72 with the viewport, a 1440 maximum, and one eight step spacing scale where a value off the scale is a bug.
Almost none, deliberately.
The rule that makes a page read as composed: a label always sits in columns one to two, body copy always begins at column three, and a plate may run the full twelve. All seventy nine placement classes are generated, so a missing class can never drop an element out of the grid.
It fixed the alignment completely, and the rule it found is how the live site is still set today. Measured in the browser: labels at 72px, all body copy at 292px.
It fixed composition by subtraction and took the design out with it. One typeface doing every job, no treatment on the imagery, no voice. Plain, and boring.
A grid is a floor, not a ceiling. Discipline stops a page being wrong. It cannot make a page worth looking at.