Guides

Readability guidance for real websites

Focused articles for teams building blogs, docs, marketing pages, and editorial layouts.

Start with the pillar guide if you want the full framework. Then use the supporting guides to solve narrower problems.

Pillar guide

Column width for the modern web

A practical framework for choosing readable line lengths, separating measure from container width, and building calmer text-heavy layouts.

Ideal line length is a range, not a magic number

How to think about ideal line length without turning typography into dogma.

Measure vs. width

Why readable typography improves when you separate page width from the width of the prose itself.

Responsive typography without losing the reading surface

How to adapt type and layout across screen sizes without letting prose become unstable.

Readable docs layouts

Documentation pages need structure, not just width. Here is how to keep docs readable without flattening them into a blog post.