And Academy
Glossary / B /

Baseline

Baseline is the invisible line that letters sit on in typography. It is the line where most letters rest, not counting letters with tails like g, j, p, q, and y. The baseline helps designers align text properly and create clean, professional layouts.

Baseline is crucial for typography and layout design in both print and digital projects. It ensures text looks organized and easy to read across different fonts and sizes. Understanding the baseline helps designers maintain consistent spacing and alignment in their work.

Not to be confused with

X-Height

X-height is the height of lowercase letters from the baseline, the line letters sit on.

Types of Baselines in Graphic Design

Baseline works differently depending on the design context and alignment needs. Here are the main types of baseline applications in graphic design:

  • Single Baseline: All text in a line sits on one baseline for uniform alignment.
  • Baseline Grid: Multiple parallel baselines create rhythm across a page.
  • Baseline Shift: Moving text above or below the standard baseline for special effects.
  • Multi-Column Baseline: Aligning text across columns using shared baselines.
  • Mixed Font Baseline: Aligning different fonts on the same baseline.
  • Baseline Spacing: The vertical distance between baselines in paragraphs.
  • Optical Baseline: Visual adjustment for shapes and icons to align with text.

When to Use Baseline

Baseline improves text organization and visual harmony in many design situations. Knowing when to use it makes layouts stronger. Here are the best times to use baseline:

  • Multi-Column Layouts: Align text across columns in magazines and newspapers.
  • Web Design: Create a consistent vertical rhythm throughout web pages.
  • Business Documents: Make reports and presentations look more professional.
  • Book Design: Maintain consistent line spacing throughout chapters.
  • Grid-Based Layouts: Use baseline grids to organize all page elements.
  • Typography Projects: Ensure clean alignment when mixing different font sizes.
  • Form Design: Line up labels and input fields for better usability.
  • Branding Materials: Create a cohesive look across business cards, letterheads, and brochures

Note: All information and/or data from external sources is believed to be accurate as of the date of publication.

Related Glossary Terms

Leading

Line Height

Typography

Kerning

Consult Course Advisors

cross

I would like to receive information about AND Academy's courses. *

Hire Our Graduate / Upskill Your Team

cross

Become An Instructor

cross

Course(s) you can teach

UX/UI
Graphic Design
Motion Graphics
Interior Design
Digital Brand Communication