Prose

Long-form text with its rhythm on φ and headings one step down from the page scale.

.proseCSS only

Examples

Long-form text gets its rhythm from the same ratio as the interface around it.

Paragraphs are spaced one unit apart; headings open a φ² gap above and close a φ⁻¹ gap below.

Headings inside prose step down one notch, so an article never shouts over its own chrome.

Good design is as little design as possible.Dieter Rams

`.prose`	Wrapper for rendered text, capped at the text measure. Direct children are spaced one unit apart.
`> h2 / h3 / h4`	Headings, one size step down from the page scale, with a wider gap above and a narrow one below.
`> p.lead`	Optional opening paragraph, set larger and muted: the typography `.lead`.
`> figure / pre / table / .code / .media / blockquote`	Block content, given more room above and below than paragraphs.
`> hr`	Section break with the widest gap.
`img`	Images anywhere inside fill the measure.

Headings shrink but keep their level. Choose h2, h3, h4 for the outline under the page's h1, not for the size you want.