faq.broadsheet-q-and-a · Q&A interview

A faq pattern from Broadsheet Newspaper, 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.broadsheet-q-and-a". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A label and italic head at step 4 on 1–3; four questions and answers run in two ruled columns on 4–12, each question in bold 'Q.' style, answer in roman.
Slots
sectionLabel, title, faqs[4..4]
Grid areas
label 1-3 · interview 4-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F0E6 · text #1B1A17 · heading #0D0C0A · accent #872824 · accent2 #BE6D65 · UnifrakturMaguntia / Newsreader · radius 0px · space unit 6px (full list in design/tokens.json)

Pattern notes

  • A small-caps label and an italic head at step 4 on 1–3. On 4–12 four questions run in two columns with a vertical rule: each question in bold serif (prefix "Q."), the answer in roman serif directly under it (prefix "A." optional).

FAQ

Working together

How big are your projects?

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

Do you work with startups?

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

Do you build the website too?

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

Where are you based?

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