faq.bento-tiled · Tiled FAQ

A faq pattern from Bento Tech, 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.bento-tiled". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title at step 5 and a link to all answers on one row; four answer tiles in a 2×2 grid, each a question at step 1 (weight 600) and its answer.
Slots
title, cta, faqs[4..4]
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #5E65E8 · accent2 #9256C9 · Geist / Geist · radius 20px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • h2 at step 5 and an arrow link to support on one row. Four question tiles in a 2×2: question at step 1 (weight 600), answer in muted body size. All answers visible.

Working together

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.