Kage Design logo kage
frctl.art
FRCTL faq component

Design analysis

The FAQ is intentionally spare: a small eyebrow and a series of oversized questions separated by hairline rules, each with a plus affordance. The generous type makes the section easy to scan.

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/frctl/44ee5e18-5619-4ecf-b1a3-c989d58893aa-1790488994-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/frctl/44ee5e18-5619-4ecf-b1a3-c989d58893aa-1790488956222-full.webp
- Component on Kage: https://kage.design/component/frctl-faq

## Before you start
Ask what objections, setup questions, and policy details users have about the user's product. Then write an FAQ structure that resolves those questions without copying the reference.

Build a minimal accordion FAQ on a pure black background with a 32px side gutter. Start with a small uppercase mono eyebrow in muted magenta, then render five or six full-width question rows. Each row should use 20–24px semibold off-white text, 24–28px vertical padding, a very subtle divider (#171517), and a plus icon aligned to the far right. On open, animate the plus into a minus, reveal a short answer in 14–16px gray text, and keep the layout stable. Ensure buttons are full-row, keyboard accessible, and have a restrained hover background or text shift. Keep the section narrow enough for comfortable reading while the separators span the content width.

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

More components