polylane.com
Design analysis
A simple accordion answers common objections with full-width rows, thin separators, and plus controls aligned at the far right.
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/polylane-impact-analysis/878f0a8a-6be5-46ae-8786-d3cb31a469c0-1792130549-11.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/polylane-impact-analysis/878f0a8a-6be5-46ae-8786-d3cb31a469c0-1792130477581-full.webp - Component on Kage: https://kage.design/component/polylane-impact-analysis-faq ## Before you start Ask what questions and objections users have about the user's product, then write or request accurate answers before building this component. Build an FAQ section with a left-aligned heading and five full-width accordion rows. Use 16px question text, 20–24px vertical row padding, thin #e5e6e3 separators, and a plus/minus control aligned right. Keep the container max-width around 812px and use generous space above and below. Animate expansion with a short height/opacity transition, preserve keyboard focus styles, and expose state with aria-expanded. Keep the default state collapsed unless one answer is strategically important. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage