hero.bookish-epigraph · Epigraph

A hero pattern from Classical Bookish, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="hero.bookish-epigraph". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
An italic epigraph set flush right in 7–11 at the top; the title low on the page in 2–9, the lead and a CTA under it in 2–7, and a muted note in 10–11.
Slots
quote, author, headline, subhead, cta, meta
Grid areas
epigraph 7-11 · title 2-9 · lead 2-7 · note 10-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #7C1C1D · accent2 #B2635D · Libre Caslon Text / Libre Caslon Text · radius 0px · space unit 6px (full list in design/tokens.json)
Section
vertical padding step 8

Pattern notes

  • At the top, flush right in 7–11: the epigraph in italic and its author in small caps. Low on the page (bottom-aligned): the display title at step 6 in 2–9, then the lead and a secondary button in 2–7 and an italic muted note in 10–11.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Booking projects from June 2026