Kage Design logo kage
arsaze.com
Arsaze faq component

Design analysis

The FAQ is centered and deliberately sparse, with one expanded answer followed by compact ruled accordion rows and simple plus/close controls.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/arsaze/e4f15c51-7821-4e39-ba4c-e316208d7c18-1790748087-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/arsaze/e4f15c51-7821-4e39-ba4c-e316208d7c18-1790748036683-full.webp
- Component on Kage: https://kage.design/component/arsaze-faq

## Before you start
Ask what objections and support questions users of the user's product commonly have. Turn those into original, concise questions and answers.

Build a dark FAQ section with a small pink uppercase eyebrow and centered editorial serif heading. Constrain the accordion to about 480–560px wide. Each row has a 15–16px warm-white question, a right-aligned plus or close icon, and a thin #26262a bottom rule. One row may be open initially, revealing 13px muted-gray answer text with comfortable 14–18px spacing. Animate height and icon rotation accessibly, support keyboard focus, and keep generous vertical padding. Use an uncluttered black canvas rather than cards.

Never: use logos, product names, copy, illustrations, or imagery from the reference.

More components