faq.brutalist-plain-list · Plain Q&A

A faq pattern from Brutalist, 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.brutalist-plain-list". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Questions as numbered rows: mono number in 1, question (uppercase h4) 2–5, answer 6–12, 1 px rules between; every answer visible.
Slots
title, faqs[4..12]
Grid areas
number 1-1 · question 2-5 · answer 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #012FD3 · accent2 #4980FE · Space Mono / Space Mono · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • An uppercase h2, then four to twelve rows separated by 1 px rules: a mono number ("Q1") on 1, the question in uppercase h4 on 2–5, the answer as plain text on 6–12. All answers are open — no accordions, no chevrons. At phone width each row stacks.

Working together

01

How big are your projects?

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

02

Do you work with startups?

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

03

Do you build the website too?

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

04

Where are you based?

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

05

Can we hire you for a single deliverable?

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