faq.japanese-margin-notes · Margin notes

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

Rule
A quiet title in 1–3; questions in 6–11 as widely spaced notes on a six-column sub-grid: question small and bold in 1–2, answer in 3–6.
Slots
title, faqs[3..6]
Grid areas
title 1-3 · list 6-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F1EA · text #2B2925 · heading #1F1D1A · accent #A63A28 · accent2 #D78575 · Shippori Mincho / Zen Kaku Gothic New · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A quiet title (h3, weight 400) in 1–3. Questions in 6–11, separated by space (no rules), each on a six-column sub-grid: the question in small type at weight 700 in 1–2, the answer (loose leading, max 40 ch) in 3–6. Every answer visible.

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.