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
Small-caps label, italic h2 and an italic muted note on 1–4; on 5–12, 4–6 sections two per row, each under a 1 px rule: § number in small caps, italic title at step 2, a paragraph.
Slots
sectionLabel, title, body, features[4..6]
Grid areas
title 1-4 · sections 5-12 (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

  • On 1–4, top-aligned: small-caps label, an italic h2 (≤12 ch) and an italic muted note (≤30 ch). On 5–12, four or six sections two per row, each opened by a 1 px rule: "§ 1" in small caps, the italic h3 at step 2 (weight 400), a paragraph ≤46 ch.

What you get

What we do

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

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.

05

Product naming

Names that survive trademark search and a noisy trade show.

06

Brand governance

Guidelines as a living site, not a forgotten PDF.