faq.blueprint-general-notes · General notes

A faq pattern from Blueprint, 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.blueprint-general-notes". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Questions as a drawing's GENERAL NOTES: label and title on 1–4 (sticky feel); numbered notes on 5–12, each a mono number, the question in bold and the answer under it, split by 1 px rules, all answers visible.
Slots
label, title, body, faqs[5..6]
Tokens
bg #134A86 · text #E6F1FC · heading #FFFFFF · accent #FFFFFF · accent2 #9FDCFF · IBM Plex Sans Condensed / IBM Plex Sans · radius 0px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • On 1–4: the annotation (`GENERAL NOTES`), the title in condensed caps at step 5 (max 16 ch) and a small muted line. On 5–12: five or six numbered notes split by rules: the mono number in the accent, then the question in bold body at step 0 with the answer under it (max 72 ch), every answer visible.

FAQ

Working together

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

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.