Browse

A widely used web layout grid built from twelve equal columns, popular because twelve divides evenly into halves, thirds, quarters, and sixths, making many layouts easy to build.

Traditional geometric methods for deciding a book page's margins and the size and position of its text block using simple proportions rather than fixed measurements; the best known is the Van de Graaf canon.

A grid made of several vertical columns separated by gaps, used to line up text and images down a page; content can sit in one column or stretch across several.

A grid that overlays two or more different grids on the same page — for instance a two-column and a three-column grid together — giving more flexible places to align content.

A horizontal line across a grid that divides the page into bands and gives elements a shared level to start from or hang below, guiding the eye across the page.

A looser grid whose columns and rows are sized and placed to fit specific content rather than following a strict repeating pattern, often used for web pages and posters.

An invisible framework of evenly spaced lines that divides a page or screen into columns and rows, giving a designer consistent places to position text, images, and other elements.

The simplest grid, made of a single large block of text surrounded by margins — the classic layout of a book page or long essay.

A grid element that fixes the position of repeating page furniture — such as page numbers, running headers, or footnotes — so they appear in the same spot on every page.

A single cell of a grid — one unit formed where a column and a row cross. Elements are placed inside one module or spread across several.

A group of neighbouring grid cells set aside for one kind of content — for example a band reserved for images or a corner kept for navigation.