faq.bookish-dialogue · Dialogue

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

Rule
Questions set as a printed dialogue on a 3–10 measure: italic question, then the answer in roman, each prefixed by a small-caps Q. / A. hanging in column 2.
Slots
title, faqs[4..8]
Grid areas
speaker 2-2 · text 3-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

  • A centred italic h2, then four to eight exchanges on the 3–10 measure: the question in italic (h4, weight 400) and the answer in roman under it, with "Q." and "A." in small caps hanging right-aligned in column 2 beside each line.

Working together

General

How big are your projects?

Most run 8–16 weeks with a team of three to five people.

Ordering

Do you work with startups?

Yes, from Series A onwards, when there's a product and paying customers.

Support

Do you build the website too?

We design and build, then train your team to run it.

Policies

Where are you based?

Lisbon and London, working with clients across Europe and North America.

Practical

Can we hire you for a single deliverable?

Occasionally — a naming project or a sales deck. Ask us.