useomnia.com
Design analysis
A centered FAQ heading sits above a compact white accordion with six rows, each separated by light rules and ending in a chevron.
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/omnia-agent/49497126-f7d8-48a0-b56b-a26990811c92-1790920880-10.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/omnia-agent/49497126-f7d8-48a0-b56b-a26990811c92-1790920840559-full.webp - Component on Kage: https://kage.design/component/omnia-agent-faq ## Before you start Ask what the user's product and brand are, then apply these principles to that product rather than reproducing the reference. Create a centered FAQ section on a very light neutral background. Use a clear 24–30px heading and a narrow white accordion panel beneath it with six or more rows. Each row should have a 16–18px question, generous 22–28px vertical padding, a subtle divider, and a right-aligned chevron button. Support keyboard focus, open/close animation, and only one open item at a time unless the product requires otherwise. Keep the panel softly rounded with a barely visible shadow. Never: use the reference logo, product name, exact copy, illustrations, imagery, or branded assets.
kage