faq.swiss-split-index · Split FAQ index

A faq pattern from Swiss International, 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.swiss-split-index". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title block pinned in columns 1–4; questions run as a ruled list in 6–12, question in bold, answer directly under it. No accordions with chevrons.
Slots
sectionLabel, title, faqs[4..8]
Grid areas
title 1-4 · list 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Label and h2 in 1–4, top-aligned (sticky on desktop is fine). Four to eight questions in 6–12 as a ruled list: question bold (h4), answer directly underneath. Show every answer; if you must collapse them, use a plain "+" / "–" in the heading face, never a chevron icon.

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.

Can we hire you for a single deliverable?

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