Set the measure. Lock the rhythm.
Typographers and print designers reach Grid Maker Pro for the four grids that structure a page. The baseline grid gives every line of type a shared vertical beat. The manuscript and column grids shape the text block — one column for a book, twelve for a magazine spread. The modular grid carves editorial layouts into zones for image and caption. And the 8pt spacing grid keeps screen work on a consistent metric. Set the measure once and the page composes to it.
Four grids that structure the page.
A page is built on two axes. Vertically, the baseline grid sets the rhythm of the lines. Horizontally, the column or manuscript grid sets the measure of the text block. The modular grid combines both into a field of zones for editorial work, and the 8pt spacing grid translates the whole discipline to screen. Pick the axis you are solving and the grid follows.
Baseline grid
One line per line of type. The page's shared vertical beat.
Column & manuscript
One column for a book, two or more for a spread. Sets the measure.
Modular grid
Columns crossed with rows. Editorial zones for image and text.
8pt spacing grid
Every gap a multiple of 8. The metric that keeps screen UI consistent.
From measure to page in four moves.
A grid is a set of decisions made once and reused everywhere. Fix the baseline to the body leading, fix the column to the comfortable measure, and every subsequent placement becomes a choice between a small number of good options rather than an infinity of arbitrary ones. That is the discipline that makes a page feel composed.
Set the baseline
Match it to your body leading. 12-on-16 type means a 16-unit baseline. The rhythm is now fixed.
Set the column measure
Choose the text-block width that reads comfortably — roughly 45–75 characters a line. Add columns as the content needs.
Cross into modules
Cut the columns with baseline-aligned rows. The page is now a field of placeable zones.
Place type and image
Hang headlines, body, and images on the field. Every element answers to one structure.
A modular scale, tuned to the baseline.
A type scale is to size what the baseline is to rhythm — a small set of related steps instead of arbitrary point sizes. A major-third scale of 1.25 gives caption, body, subhead, headline, and display from one ratio, and when each step rounds to the baseline the vertical rhythm survives the size changes. Set the scale once; the hierarchy stays musical.
The typographer's overlay set.
Baseline grid
Vertical rhythm. Set it to the body leading and lock the page.
→Column grid
The text-block measure. Two, three, or more columns with gutters.
→Manuscript grid
The single-column book page. One measure, generous margins.
→Modular grid
Columns crossed with rows for editorial image-and-text zones.
→8pt spacing grid
Every margin and gap a multiple of 8 for consistent screen metrics.
What designers actually use it for.
A novel lives or dies on the baseline. I set it to the leading and check that every recto and verso lines up across the gutter — when the lines back up against each other through the paper, the reader feels the calm even if they never name it. The overlay lets me prove the rhythm before it goes to the printer.
A feature spread is a twelve-column modular grid and nothing else. I block the image to four columns, the standfirst to eight, the body to three-of-four, and it all snaps to the baseline. The grid is what lets a section of forty pages feel like one magazine instead of forty arguments.
When a brand has to run across a poster, a report, and an app, the 8pt grid is the treaty everyone signs. Print and product stop fighting because the spacing speaks one language. I hand the team an overlay, not a forty-page spec, and the layouts come back consistent.
The three questions typographers ask.
What is a baseline grid and why use one?
A baseline grid is a set of evenly spaced horizontal lines, one per line of body text, that every line of type sits on. It gives a page vertical rhythm: body copy, captions, and headings all align to the same underlying beat, and text in adjacent columns lines up line for line. Set the baseline to your body leading — say 12pt type on 16pt leading means a 16pt baseline — and the whole page locks to it.
Should I use an 8pt grid or a baseline grid?
Use both, for different axes. The 8pt spacing grid governs the spaces between elements — margins, padding, gaps — and keeps UI and layout metrics on a consistent multiple. The baseline grid governs the vertical position of text lines. On screen work they cooperate: pick a baseline that is a multiple of your spacing unit, such as a 24pt baseline on an 8pt grid, so type rhythm and component spacing never fight. The full system is laid out in the designer's grid bible.
How many columns should a layout use?
A single-column manuscript grid suits books and long-form reading. A two- or three-column column grid suits magazines and reports. The 12-column grid is the editorial and web workhorse because it subdivides cleanly into halves, thirds, quarters, and sixths, giving many layout options from one structure. Choose the smallest column count that gives the flexibility the content needs.
How do I set the baseline to body leading?
Set the baseline to the body leading rather than the type size. If your body copy is 16pt on 24pt leading, use a 24-unit baseline so every line sits on the grid and the vertical rhythm holds across columns. When you want a baseline grid for vertical rhythm on screen, keep that unit a multiple of your spacing scale so the type block and the gaps around it stay in step.
When should I use a modular grid for editorial layout?
Reach for a modular grid when a page mixes image, caption, standfirst, and body and you need them to share one structure. Crossing the column grid with baseline-aligned rows turns the page into a field of zones, so a feature spread can place a four-column image above a three-column type block and still align line for line. For a single flow of running text, the column or manuscript grid is enough.
Baseline, column, and module — free in the browser.
Set the baseline to your leading, lay the column measure, cross it into a modular field, and check it over a placed spread. Export as PDF at print scale or pull the metrics into your screen layout. No signup, no upload.
Open the typographer's grids →References
- Müller-Brockmann, Josef. Grid Systems in Graphic Design. Niggli (1981). ISBN 978-3-7212-0145-1. The foundational text on the typographic grid.
- Bringhurst, Robert. The Elements of Typographic Style. Hartley & Marks (4th ed., 2012). ISBN 978-0-88179-211-9. On the baseline grid and proportion.
- Tschichold, Jan. The Form of the Book. Hartley & Marks (1991). ISBN 978-0-88179-116-7. On page proportion and the canons of layout.