What Is a Baseline Grid, and Why Do Designers Use One?
Open a well-set page of a book or a carefully designed poster and, even if you can't articulate why, something about it feels orderly in a way that a hastily assembled document doesn't. Very often what you're sensing is a baseline grid at work — a quiet, repeating vertical rhythm that every text element on the page is aligned to, even when those elements are wildly different sizes.
The core idea
A baseline grid is a fixed vertical measurement, usually equal to your body-text line height, repeated down the entire page or spread. Every block of text — a heading, a caption, a paragraph, a pull quote — is set so its lines land on that same repeating grid, rather than each element using whatever line height happens to look good in isolation. The payoff shows up the moment you have two columns of text side by side, or a caption running next to a paragraph: because both are locked to the same underlying rhythm, their baselines line up horizontally across the page, even though the type sizes differ.
Why it matters more than it seems to
Without a shared grid, each text element's natural line height pulls it slightly out of step with its neighbours. A heading set with its own comfortable leading and a paragraph set with its own comfortable leading will drift out of alignment by a few points here and there, and while a single misalignment might be invisible, it compounds over a page or a spread until two columns that should read as a unified layout instead read as two independent, slightly uncoordinated blocks of text.
This matters most in exactly the layouts where lettering and typography intersect most directly — multi-column posters, book pages with running heads and footnotes, and any composition where text needs to align across a gutter or a fold.
How the snapping actually works
Setting up a baseline grid starts with picking one unit for the whole document, typically your body-text line height. Every other element's line height then gets rounded to the nearest whole multiple of that unit. If your baseline unit is 24px and a heading's natural, comfortable line height comes out to around 34px, you round it up to 48px — exactly two baseline units — rather than leaving it at 34px, which would put it out of step with the grid by 10px. The heading looks slightly more open than its "natural" size might suggest, but everything after it, all the way down the page, stays locked to the shared rhythm.
A line height is never rounded down to less than one full baseline unit, since that would mean the very next line of text lands partway through a baseline instead of on one, defeating the entire purpose of having a grid in the first place.
Estimating capacity
Once you have a baseline unit, dividing your available page or column height by that unit tells you how many full lines of text will fit — useful for planning how much copy a design can actually hold before you start setting it, and for checking that your margins leave a whole number of baselines rather than a stray partial line hanging at the bottom of a column.
A habit worth keeping
Baseline grids are an old print-typography habit, developed for exactly the kind of dense, multi-element pages where alignment failures are most visible. They translate just as well to on-screen layout and lettering compositions: the underlying problem — several independently-sized text blocks needing to feel like part of one coordinated page — hasn't gone away just because the page is now a screen. Deciding on a baseline unit early, before you start setting individual headlines and captions, is far easier than trying to retrofit a grid onto a layout after the fact.