hero.classical-chapter-opening · Chapter opening

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.classical-chapter-opening". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A chapter's first page: a large roman numeral and a small-caps chapter line centred in 4–9, the italic title in 3–10, a short rule, then the opening paragraph with a drop cap in 3–9 and a marginal note in 10–12.
Slots
index, eyebrow, headline, lead, meta, cta
Grid areas
numeral 4-9 · title 3-10 · text 3-9 · margin 10-12 (12-column grid, 1-based inclusive spans)
Notes
The lead's first letter is a three-line drop cap in the accent colour. The marginal note is italic, small and muted, top-aligned with the paragraph.
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 10

Pattern notes

  • Centred in 4–9: a roman numeral at step 7 (weight 400) and a small-caps chapter line. The italic h1 at step 5 centred across 3–10, then a short centred rule (columns 6–7). The opening paragraph (lead) on 3–9 with an accent drop cap three lines tall; beside it in 10–12, top-aligned, an italic muted marginal note. An underlined CTA in 3–6.

06

Brand & product studio

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.

Booking projects from June 2026

Start a project