Skip to content

Bento & Layout

Max-Width Prose Container

Centred reading-measure column for long-form copy with sane default heading, link, and list styling.

FreeMIT licensed. Install it with the CLI — no account, no key.
$velocityx add prose-container
Props & docs
AstroReactTailwind CSSNew

Max-Width Prose Container

Max-Width Prose Container

Live preview of the Max-Width Prose Container component

Why reading measure matters

A line that runs too wide makes the eye lose its place on the way back to the left margin. Capping body copy at roughly 60–75 characters keeps the reader's eye tracking smoothly line to line.

The default

This container ships at 68ch by default — wide enough for comfortable reading, narrow enough that it never stretches awkwardly on a large desktop viewport.

  • Override via the maxWidth prop for a brand's own token.
  • Headings, links, and lists all inherit sane defaults out of the box.

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Max-Width Prose Container component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Browse all →