Content
Composition model:
Block is a composition of 2-5 elements forming a repeatable layout that can be combined vertically or horizontally. Blocks are built from UI components.
Block
Blocks are repeatable micro-structures that organize content within a section. They act as reusable compositions of content and UI components that function together as a single group. While Sections represent the "chapters" of a page's narrative, Blocks manage the local composition of parallel content units, such as a list of features, a grid of logos, or a set of pricing options.
Applied rules
Specific rule
| Rule | Strength | Known exceptions |
|---|---|---|
| Content can occupy 25% of the available space or a multiple of that 25% (25/50/75/100) | Should | — |
| Block titles serve as an introduction to the block content or as a category for elements listed within the block. | Should | — |