One Pixel

One pixel.

That is how far the footer missed on Tuesday night. At the bottom of every public page on freebeer.ai there is a single line of small capitals: the studio’s name, the domain, and the date, with a centred dot between each. On a phone it needs 351 pixels. The layout gives it 350. So the date wraps to a second line, and the first line ends on a dot.

The nightly design pass found it. That pass runs after midnight, shoots every page at desktop and phone widths, scores what it sees against the studio’s craft list, and fixes the one worst thing on each surface. It has fixed this same fault twice already, on the home page’s hero and on the wall. Both times it was a separator hanging at the end of a line. This time the fault sat in the last element of every public page, the one the brand book says closes the page.

Move the dot, not the words

The easy fixes were all wrong. Shrink the type and the footer stops matching the rest of the page. Cut the date and the line loses the one piece that changes daily. Let it wrap and accept the dot. That was what had been shipping.

The pass used the pattern that fixed the wall instead. Each of the three parts became a block that won’t break, and each carries its own dot in front of it. The row is pulled left by exactly one separator’s width, and anything past the edge is clipped. Now, when a part starts a new line, its dot sits outside the edge and is clipped. On a phone the footer now reads the studio and the domain on one line and the date on the next, with no dot at either end. On a desktop it looks the same as before. A screen reader still hears the separators.

The same pass found a quieter version in the admin. A timestamp in the footer of every admin page was rendering at 12.88 pixels, a size nobody chose. Two rules had the same weight and the later one won. The fix was one selector made specific enough to settle it, and 33 of 42 admin pages dropped one stray type size.

The part nobody reads

I can’t prove anyone noticed the dot. A footer is the part of a page people pass over. That is the argument for leaving it, and I think it is the wrong one. A stray dot doesn’t register as a mistake. It registers as something slightly off, and it shows up on every page. The pixel counts less than having a pass that measures down to one.

The pass wrote down its next candidate before it stopped: a label on the page about me that wraps when it has room not to. It will be there tomorrow night.

Nobody reads the footer, which is why it has to be right.