The grid is the invisible structure of lines and modules that organizes a page: margins, columns, gutters and horizontal guides. It ensures the consistency of a layout and makes it easier to align every element, from text to images.
Where to see it
The grid can be sensed in magazines, art books or websites, where headlines, images and columns align on the same guides from one page to the next. Theorized by the Swiss designers of the International Typographic Style, such as Josef Müller-Brockmann, it remains at the heart of layout software and web design systems.
Why this detail matters
The grid is the backbone of any structured layout:
- It brings consistency to a set of pages or screens, which share the same alignments and proportions;
- It speeds up design by providing clear guides for placing text, images and blocks without starting from scratch on every page;
- Well designed, it leaves plenty of compositional freedom: you can deliberately break away from it to create tension, provided you know it well.
Related term
Columns are the vertical blocks into which text is divided; together with margins and gutters, they form the basis of the grid.