UX Glossary Visual Design

Baseline Grid

Visual Design

An invisible horizontal structure that aligns typographic baselines and other vertical dimensions to a consistent unit, typically 4px or 8px. A baseline grid creates rhythmic vertical spacing across a layout, ensuring that text flows harmoniously with images and components even when multiple type sizes are combined on the same screen.

Related Terms

Typography Scale Grid System Typography Design Token
← Browse all UX Glossary terms