Baseline grids and vertical rhythm
A 2-session design unit for high school. Just as ruled paper keeps handwriting straight, a baseline grid keeps typography in rhythm — every line of text landing on an invisible ruled line. Students set body text to a baseline, then use an 8-point spacing system so headings and gaps share the same steady beat down the page.
Learning objectives
By the end of the unit, students will:
- Define a baseline grid and explain how it creates vertical rhythm
- Set leading (line spacing) to a consistent unit so text lines land on the baselines
- Align headings and paragraph spacing to whole multiples of the baseline
- Apply an 8-point spacing system to gaps, padding, and element sizes
- Critique a layout for rhythm and spot where the type falls off the grid
Standards alignment
- VA:Cr2.1.HSIIaThrough experimentation, practice, and persistence, demonstrate acquisition of skills and knowledge in a chosen art form.
- VA:Cr3.1.HSIaApply relevant criteria from traditional and contemporary cultural contexts to examine, reflect on, and plan revisions for works of art and design in progress.
- VA:Re8.1.HSIaInterpret an artwork or collection of works, supported by relevant and sufficient evidence found in the work and its various contexts.
Materials
- Internet-connected device per student to study the baseline-grid overlay and set type
- Ruled paper or printed baseline templates, ruler, and pencil for a hand layout
- Printed body text and headings to cut and place, or a design or word-processing app
- A short article or block of placeholder text plus two heading levels
- Printed examples of typography that follows and ignores a baseline, for the warm-up
Lesson sequence
Setting type to a baseline
45 minutesShow two text columns: one where the lines sit evenly, one where the spacing wobbles line to line. Ask which is easier to read. The even one wins every time, and most students cannot say why — the rhythm is felt, not seen. A baseline grid is the ruled paper underneath it.
- (4 min) Students open the baseline-grid overlay and see the evenly ruled horizontal lines that type will sit on.
- (6 min) Leading explained: the space from one baseline to the next is the leading. Keep it constant and the text breathes evenly; let it vary and the rhythm stumbles.
- (12 min) On a baseline template, students place lines of body text so each rests exactly on a ruled line. They keep the leading to one baseline unit throughout.
- (6 min) Headings: a larger heading should still land on a baseline, often spanning two units. Students place a heading and confirm the body text below resumes the rhythm.
- (2 min) They mark any line that floats between baselines for fixing.
- Why does even leading feel calmer to read than uneven leading?
- How did a large heading still fit the rhythm of the small text?
- Where in printed books or apps have you felt this rhythm without naming it?
Spacing with an 8-point system
45 minutesShow two cards: one where the gaps are 8, 16, and 24 apart, one where they are 7, 13, and 19. The first feels tidy; the second feels accidental. A spacing system picks one unit and uses only its multiples, so every gap relates to every other.
- (6 min) The 8-point idea: choose 8 as the base unit. Margins, gaps between paragraphs, and padding all become multiples of 8 — 8, 16, 24, 32 — which keeps spacing consistent and snaps to the baseline.
- (14 min) Students lay out a short article: heading, body, a subheading, more body. They set every vertical gap to an 8-point multiple and keep the body on the baseline.
- (6 min) They check the layout against the baseline overlay, fixing any gap that is not a clean multiple.
- (4 min) Pair review: partners measure two gaps in each other's work and confirm they follow the system.
- How did limiting yourself to multiples of 8 change your spacing decisions?
- Where did the baseline and the 8-point system reinforce each other?
- When might a designer step off the system on purpose, and why?
Point students to the baseline grid overlay page and the poster layout plan to combine vertical and horizontal structure.
Assessment rubric
4-point scale per criterion:
| Criterion | 4 — Mastery | 3 — Proficient | 2 — Developing | 1 — Beginning |
|---|---|---|---|---|
| Baseline alignment | All body text lands on the baseline | Most text aligned | Some lines drift | Text ignores the baseline |
| Consistent leading | Leading even throughout | Mostly even | Leading varies | Leading inconsistent |
| 8-point spacing | Every gap a clean multiple of 8 | Most gaps follow the system | Some gaps off-system | Spacing arbitrary |
| Overall rhythm | Layout reads with clear vertical rhythm | Mostly rhythmic | Rhythm uneven | No rhythm |
Extensions
- Type scale: Students build a heading-to-body size scale where each size is a whole multiple of the baseline unit.
- Cross-disciplinary (music): Compare vertical rhythm in type to a steady beat in music, where notes land on the measure.
- Differentiation: Students who need support align body text only; advanced students set a full multi-section page with two heading levels.
- Design history: Research how grids and spacing systems migrated from print to digital design systems used by major apps today.
More lesson plans: browse all. Want this plan customized for your curriculum? Email us.
