Typographic rhythm comes from consistent, predictable pacing across a page. It's about how paragraphs, headings, and lines form a regular pattern, letting the eye move smoothly without constant adjustments. This rhythm often relies on a baseline grid: an invisible set of evenly spaced horizontal lines. Every line of text, no matter its size, aligns its baseline to this grid.
Predictable Pacing as a Form of Comfort
Our eyes and minds get into a reading rhythm, much like our bodies find a walking pace. Once that rhythm is set, any break feels like a stumble, even if the reader can't pinpoint why. An oddly spaced heading or an inconsistent gap between sections can disrupt it. Consistent rhythm lets readers move through a page effortlessly. Broken rhythm forces them to pause and re-adjust repeatedly.
In Product Design
Rhythm shows up as the consistent vertical spacing between a heading and the paragraph beneath it, repeated identically every time that pattern occurs across a page, as the even, predictable gaps between list items, and as a baseline grid that keeps text in a multi-column layout aligned across columns even when font sizes differ. Products built on a defined spacing scale, where every margin and padding value is a multiple of a base unit, get rhythm largely for free, since consistency is baked into the system rather than reset by hand on every screen.
- Heading-to-paragraph spacing that varies from section to section, so some transitions feel tight and others feel loose with no discernible logic
- A multi-column layout where text in adjacent columns doesn't align along the same horizontal baselines, creating a subtly uneven page
- List items with inconsistent spacing between them, making a simple list feel unexpectedly harder to scan
- A long document where heading sizes step up and down unpredictably rather than following one consistent scale
Rhythm problems are rarely dramatic on their own, a slightly tighter gap here, a slightly looser one there, but their cumulative effect is a page that feels subtly unsettled even when every individual piece of content is fine.
How to Apply It
Build spacing from a single base unit and consistent multiples of it, so every gap in a layout is predictable rather than eyeballed per instance. Where a baseline grid is practical, align text to it across columns and sections; where it isn't, at minimum keep the vertical spacing pattern around headings and paragraphs identical everywhere that pattern repeats.
Why It Matters
Inconsistent rhythm is one of the subtler reasons a long page or document feels harder to read than its content alone would suggest, since the disruption lives entirely in spacing rather than in the words themselves. Strong rhythm, conversely, is part of what makes editorial design and long-form content feel calm and considered rather than assembled piece by piece. A fast test: scroll through a long page quickly, paying attention only to the gaps between sections, not the content. Uneven gaps stand out fast once content stops distracting from them.
