faq.risograph-margin-notes · Margin notes

A faq pattern from Risograph Print, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="faq.risograph-margin-notes". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Uppercase title in 1–4; questions as a ruled list across 5–12, each on an 8-column sub-grid: mono question in 1–3, answer in 4–8.
Slots
title, faqs[4..8]
Grid areas
title 1-4 · list 5-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF48B0 · accent2 #00B790 · Bricolage Grotesque / Work Sans · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Uppercase h2 (≤12 ch) in 1–4, top-aligned. Four to eight questions as a ruled list across 5–12; each entry is an 8-column sub-grid with the mono uppercase question in 1–3 and the answer in 4–8.

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.

Can we hire you for a single deliverable?

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