faq.y2k-chrome-dialog-boxes · Dialog boxes

A faq pattern from Y2K Chrome, 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.y2k-chrome-dialog-boxes". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A step-5 uppercase title, then four questions as OS dialog windows in a two-by-two grid: an accent2 title bar holding the question in the pixel mono face, the answer below at body size.
Slots
title, faqs[4..4]
Grid areas
title 2-11 · dialogs 2-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2, chrome uppercase, step 5) on 1–12, then four dialogs in a two-by-two grid with 32 px gaps. Each dialog: rounded panel, 2 px border; a title bar in accent2 with the question at step 1 in the pixel font (onAccent2); the answer in body text with 32 px padding. All open. At phone width one column.

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.