Kage Design logo kage
opensend.cc
opensend.cc faq component

Design analysis

A centered FAQ heading introduces a long, highly scannable accordion list with thin separators and plus 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/opensend-cc/cb8c9d86-a0e5-47f8-893c-550f6137189a-1791180192-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/opensend-cc/cb8c9d86-a0e5-47f8-893c-550f6137189a-1791180114349-full.webp
- Component on Kage: https://kage.design/component/opensend-faq

## Before you start
Ask what objections and recurring questions users have about the user's product, then apply the principles below to that product.

Build an FAQ section with a centered two-line heading and a narrow accordion list below. Each row should have a single question aligned left, a plus button aligned right, and a 1px horizontal divider. Use 14px semibold questions, generous 18–22px row height, muted gray controls, and a max-width around 470px for comfortable reading. Add keyboard-accessible disclosure behavior, animated height/opacity transitions, and ensure only the active answer expands without shifting unrelated styling.

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

More components