features.bookish-numbered-sections · Numbered sections

A features pattern from Classical Bookish, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="features.bookish-numbered-sections". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Label and italic title in 2–4; three to six sections run down 5–10 as numbered paragraphs (§ 1, § 2…), each a small-caps number, an italic h3 and a paragraph.
Slots
sectionLabel, title, features[3..6]
Grid areas
title 2-4 · sections 5-10 (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)

Pattern notes

  • Small-caps label and an italic h2 (≤14 ch) in 2–4, top-aligned. Three to six sections down 5–10, 30 px apart: "§ 1" in small caps, the italic h3 (weight 400), a paragraph ≤60 ch.

What you get

What we do

01

Positioning

Find the one sentence your best customers already believe.

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

03

Websites

Fast, editable sites built on the CMS your team already knows.

04

Sales enablement

Decks, one-pagers and demos your reps actually use.