Culture · 6 pages · 12 min

How a grid holds a page

A grid repeats columns and alignments so type and pictures share the same lines.

When the purchase is complete, return to the original window. It will refresh.

From the opening

A grid holds a page by giving type and images a repeated set of columns, gaps, and alignments, so elements land on shared lines instead of wherever they first happened to fit. It is a structure for relationships, and later pages look settled because those same lines keep holding them. The opening covers columns, gutters, and baselines, alignment you can trace, and a break needs a grid to cross.

The rest of the brief — the later sections and the reading notes — opens after Stripe confirms payment.

Inside

  • Columns, gutters, and baselines
  • Alignment you can trace
  • A break needs a grid to cross
  • Reflow is still a structure
  • Where the idea stops applying
  • A distinction worth keeping

Sources

  • The typographic grid of columns and modules
  • Baseline alignment in multi-column pages