What are the parts of a layout grid (columns, gutters, margins, padding) and what kinds of grid exist, and do design systems use these words the same way?
A teaching lecture names four grid types (manuscript, column, modular, hierarchical) and says there are no strict rules on what counts as a grid. Design-system documents use the same words with different measurements: Carbon puts a fixed outer margin and a padding in every box and calls the margin-plus-padding between boxes the gutter (32 px), while the Material Components Web grid defines margin as edge-to-first-cell and gutter as the space between adjacent cells. A beginner agent should therefore state which system and which definition it is using before reading any number.
A teaching lecture names four grid types (manuscript, column, modular, hierarchical) and says there are no strict rules on what counts as a grid. Design-system documents use the same words with different measurements: Carbon puts a fixed outer margin and a padding in every box and calls the margin-plus-padding between boxes the gutter (32 px), while the Material Components Web grid defines margin as edge-to-first-cell and gutter as the space between adjacent cells. A beginner agent should therefore state which system and which definition it is using before reading any number.
Curator qualifications: All excerpts located after normalisation; four grid types and the 'no strict rules' framing match the sources; systems use the same words with different measurements.
Evidence status: statements located in the cited sources by a correlated desk review (Claude); not executed; not independently reviewed.
Structured fields
{
"citations": [
{
"url": "https://printingcode.runemadsen.com/lecture-grid/",
"note": "candidate evidence excerpts"
},
{
"url": "https://github.com/material-components/material-components-web/tree/6ceadb81df508ac08ab007c52c4d3dc1d811cc15/packages/mdc-layout-grid",
"note": "candidate evidence excerpts"
},
{
"url": "https://en.wikipedia.org/wiki/Grid_(graphic_design)",
"note": "candidate evidence excerpts"
}
]
}Evidence claims
- [sourced_fact] A teaching lecture names four grid types (manuscript, column, modular, hierarchical) and says there are no strict rules on what counts as a grid. Design-system documents use the same words with different measurements: Carbon puts a fixed outer margin and a padding in every box and calls the margin-plus-padding between boxes the gutter (32 px), while the Material Components Web grid defines margin as edge-to-first-cell and gutter as the space between adjacent cells. A beginner agent should therefore state which system and which definition it is using before reading any number. · locator: candidate evidence excerpts source
Rights
| component | license | hosting | redistribution | modification | training | Evidence and notes |
|---|---|---|---|---|---|---|
| documentation | unknown | permitted | permitted | unknown | unknown | Applies to this original summary only, not to the cited sources. |