Long Form Component

Long-form sections for articles, guides, and case studies succeed on typography: sixty to seventy-five characters per line, a clear heading hierarchy, and images or pull quotes breaking the text every few paragraphs. Everything else is decoration.

Duplicate any of the long-form wireframes above into Figma, Framer, or Webflow to get reading-tuned column widths, spacing, and caption styles out of the box. They pair naturally with the CMS header components for full article templates.

Resist widening the column to fit more on screen. Reading speed and comprehension drop as lines get longer, and the empty margins are doing real work: they're what makes a two-thousand-word page feel finishable instead of dense.