Patterns

Reusable editorial patterns for readable pages

Each pattern page explains when it helps, when it hurts, and what to watch in implementation.

Pull quotes

Break a long reading surface without breaking its rhythm.

Figure captions

Treat captions as part of the explanation, not as legal fine print.

Sidenotes

Add supporting context without collapsing everything into the main paragraph flow.

Narrow and wide reading modes

A page can shift between narrow narrative reading and wider supporting blocks without losing coherence.

Callouts and notes

Call attention without turning every important detail into an alarm.

Readable data tables

Tables should preserve scanability without exploding the width of the page.