Kage Design logo kage
plastic.audio
Clips by Plastic faq component

Design analysis

A bold heading introduces a compact two-column question-and-answer list separated by fine horizontal rules.

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/clips-by-plastic/ad43fef6-0048-4f88-83ea-4278fc30c273-1792994537-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/clips-by-plastic/ad43fef6-0048-4f88-83ea-4278fc30c273-1792994476004-full.webp
- Component on Kage: https://kage.design/component/clips-by-plastic-faq

## Before you start
Ask what objections and practical questions users have before trying the product, then apply these principles.

Build a dark FAQ section with a large left-aligned heading and a list of question rows. Use a two-column layout on desktop: question on the left and answer on the right, with subtle horizontal separators spanning each row. Keep questions brighter and slightly heavier than answers. If interactive, let rows expand/collapse with a clear plus/minus control and preserve keyboard focus. Use #090909 background, #ededed questions, #8f8f8f answers, and #262626 rules; provide generous vertical row padding. Stack question and answer on mobile.

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

More components