Prose Layout

65 characters. The typographic sweet spot — Bringhurst's recommendation, LaTeX's default, the width every readable thing converges on.

Add data-layout="prose" to any <main> or <div>. The element constrains itself to 65ch and centers in its container. Nothing else changes — headings, paragraphs, lists, code blocks all behave normally inside.

This paragraph is exactly this wide. Not wider. Your eye doesn't have to travel far to find the next line. That's the whole point.

When to use it

Articles. Documentation pages. Session reports written as prose. Any page where the primary content is text and the reader should read, not scan.

Don't use it for dashboards, data-heavy pages, or anything with wide tables. Use data-layout="report" or no layout constraint instead.

How it works

[data-layout="prose"] {
  max-width: 65ch;
  margin-inline: auto;
}

One rule. Font-relative — ch tracks the character width of the current typeface, so it scales correctly if the font changes.