Content sections
PaidLong-form prose in a single readable column, with a sticky table-of-contents sidebar, or broken up with a pull quote. Built on the Typography primitives.
Single column
What changed in this release
Six new marketing sections, a Typography category, and three components that were thinner than the rest of the kit.
Every addition follows the same pattern as the rest of the library: a recipe, a React component, and three or more named demo variants documented in the sidebar. Nothing here is a one-off.
Highlights
- Headings, Text, Blockquote, Lists and Figure primitives
- Blog, careers, contact, content, team and newsletter sections
- Theme switcher, credit card and QR code variants
With sidebar
Overview
A sticky sidebar of jump links sits beside the prose column instead of above it, so the reader can see both the current section and where else they can go.
Pricing
The same layout works for a changelog entry, a policy page, or documentation — anywhere long-form content benefits from an in-page table of contents.
FAQ
The sidebar scrolls with the page until it reaches the top, then holds position.
With pull quotes
Why we rebuilt the pricing page on components
The old page was three hundred lines of bespoke markup that had drifted from the tokens twice already. Rebuilding it on Pricing tables meant the next drift is a recipe change, not an archaeology project.
A pull quote breaks the column to carry one sentence at a size the rest of the page can't compete with — reserve it for the line worth remembering.
It also meant the monthly/annual toggle, the comparison table, and the FAQ accordion were already accessible, already themed, and already tested — because they are the same components documented on this site.