Notes

Everything in the notebook, newest first. Each note takes one typography or layout decision and works it through, with the CSS.

4 notes. New ones arrive when they are ready, not on a schedule.

Black-and-white photograph of a school print shop in 1897, with three young men at type cases and a press.
  1. Building a type scale you'll actually use

    4 min read

    A modular scale is a good start and a bad finish. How I pick a base and a ratio, how many steps to keep, and how to make the result fluid without losing control of it.

  2. Line length, leading and the reading column

    4 min read

    Measure, line height and size depend on each other. How I set a reading column in CSS, why 65ch is not 65 characters, and what changes on a phone.

  3. Contrast that passes and still looks good

    4 min read

    WCAG contrast ratios are a floor, not a style. What the numbers measure, where designs usually fail them, and how to build a palette that clears them without looking harsh.

  4. Spacing tokens: fewer values, better layouts

    4 min read

    A short spacing scale does more for a layout than any grid. How I choose the values, name them, apply them with gap, and clean up a codebase full of one-off margins.