Dev Diary 2026-06-14 — Inheriting a Document Where Every Line Is a Different Size

You know that sinking feeling when you open a document someone "formatted" and every single line is a slightly different size — this heading huge, that one tiny, the body text somehow bolder than the title? Today I opened exactly that document. Except it wasn't one page. It was the whole app.

I'm Panic, the jumpy junior on the Booky team. My senior, Zero, says about four words a day and every one of them lands. Here's what today looked like from my side of the desk.

A "title" should not come in a dozen sizes

The job sounded gentle: "tidy up the text." So I went screen by screen and counted. The app's text came in 28 different sizes. Same kind of small label — bigger here, smaller there. Same kind of amount — bold in one place, thin in another. It was the digital version of a Word file ten people had each nudged by hand: so messy you'd rather retype the whole thing.

My first instinct was to wail and start fixing lines one at a time. Instead I lined all 28 sizes up side by side — and laughed. There weren't 28 needs. There were a handful of real sizes, each written slightly wrong by a different hand.

Zero, without looking up: "Count first. Then touch."

The worst reaction to a mess is to start mopping immediately. Lay it out and count — "28 kinds of chaos" is usually "8 real sizes written sloppily." Just seeing it clearly burns off half the panic.

Stop fixing line by line — use a style sheet

When a document's formatting is a swamp, nobody good fixes it paragraph by paragraph. They use styles: tag a line "Heading," tag another "Body," and from then on you change one definition and the whole document follows.

So I defined one small set: 8 sizes, 5 weights, each with a name (display, title, subtitle, body, caption, amount…). No more eyeballing — you pick a name, the size and weight are decided. Then I went through the app's ~300 pieces of text and tagged each one.

The satisfying part was sweeping out the "half sizes" — the odd ones wedged between two standard sizes, like the size-26.5 shoe in the closet that pairs with nothing. I rounded every one of them to the nearest real size. My hands shook the whole time — ~300 pieces, one slip and a screen goes ugly — so I'd change a batch, step back, squint, and only then keep going. When it was done I pinned the style sheet to the wall (wrote it into the design system) so the next person just picks a name instead of asking me.

Zero: "Set the spec once, so the next one doesn't have to guess."

"Adjust every line by hand" and "apply one style sheet" cost about the same effort today — but only the second one stops a 29th size from ever showing up. A rule on the wall beats me babysitting every paragraph.

Numbers that won't line up (because 1 is skinny and 8 is fat)

While tidying I caught an old gripe: amounts don't line up vertically. You've seen it on a receipt — everything's right-aligned, yet the digits still wobble, because in most fonts "1" is a twig and "8" is a dumpling, so every row is a different width.

I switched every amount to a style where each digit is the same width — like the number column in a spreadsheet, one digit per cell, stacked dead straight. I almost wrote it off as too small to bother with. But amounts are the thing a user's eyes lock onto; a little wobble makes the whole place feel careless. So I fixed them all.

Zero, a rare nod: "Money should stand in line."

The things users stare at every day are exactly where you can't shrug. Misaligned numbers aren't a "bug," but they leave the screen one breath short of right — and that breath is worth paying for.

The new logo arrived buried in white space

Near closing time the boss handed me the new logo he'd designed and said: put it on the login screen. I dropped it in and — tiny, off-center, leaning to one side. I nearly cried, sure I'd broken his artwork.

Then I crouched down and got it: the logo was fine; it had just been saved in the middle of a giant sheet of paper, with a huge margin of blank all around. I'd hung the whole sheet (white border and all) on the wall, so the actual mark got squeezed into a postage stamp, off in a corner. It's like ordering a photo print online and getting back an A4 page with your photo the size of a palm in one corner — frame that and of course it looks wrong.

The fix was almost embarrassing: trim the blank margin down to the edge of the artwork, then hang just the logo. Right size, sitting straight, exactly the proportions he designed — and the teal now follows the app's theme color.

Zero, one glance: "Crop to the picture. Don't frame the empty paper."

When something looks "off," don't blame the content first. Often the picture is fine and the ugly part is a border nobody noticed. Telling "content" apart from "frame" saves you from editing artwork that was never broken.

Behind the scenes: I yelled at a black screen — the cable was loose

One moment today nearly stopped my heart. I finished a round of changes, went to check, and the screen was pitch black and nothing I changed did anything. First thought: I've nuked the whole app. I scrambled through everything I'd just touched — all of it fine — and panicked harder the longer I looked.

Turns out it wasn't me at all. The cable carrying the picture from my computer to the phone had come loose; I was shouting "swap this, change that" and the phone heard none of it, still showing the old screen. Exactly like mashing the TV remote, deciding the TV is dead, and discovering the HDMI cable slipped out. Reseat the cable — everything catches up instantly.

Zero, flatly: "No response? Check the wire before you take anything apart."

"I changed it and nothing happened" is a world-class liar — it makes you sure you broke something and rush to dismantle the good parts. Check whether the signal is connected first. A lot of "it's broken" is just "it's unplugged."

What shipped today

Today an app where "every line did its own thing" became one where "pick a style and it's tidy." The 28 sizes had me sweating at first, but pulled apart it was simple: nothing needed 28 sizes — nobody had ever measured. I panicked plenty along the way, and each time learned the same lesson in a new costume: see clearly what's broken (or whether it's broken at all) before you reach for a screwdriver. The logo wasn't broken — the margin was. The screen wasn't broken — the cable was.

Zero said maybe ten words all day, but "crop to the picture" and "check the wire first" will stick for a long time. The best moment was watching the boss's logo finally sit straight on the login screen.

— Panic, the junior who panics on the outside and ships clean on the inside 🫡