faq.desktop-help-dialog · Desktop help dialog

A faq pattern from Desktop OS, 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.desktop-help-dialog". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A help window: title, line and a secondary button on 1–4; questions with their answers in two top-ruled columns on 5–12. All answers visible.
Slots
sectionLabel, email, title, body, cta, faqs[4..6]
Grid areas
intro 1-4 · faqs 5-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #E3E5DA · text #272921 · heading #121309 · accent #EDA12F · accent2 #55A9FF · Onest / Onest · radius 8px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • One help window: title bar, then the h2 at step 5, a muted paragraph and a secondary key on 1–4, and the questions on 5–12 in two top-ruled columns (one on phones): question as h4 at 700, answer as a muted small paragraph. All answers 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.

Start a project

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.