art4.app
Design analysis
A constrained FAQ block uses large section typography and simple horizontal rules, keeping each question scannable with a clear expand affordance on the 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/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180359-5.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180184357-full.webp - Component on Kage: https://kage.design/component/art4-faq ## Before you start Ask what objections, setup questions, and trust concerns users have about the product. Apply the principles below to that product. Create a spacious FAQ section in a centered container around 570px wide. Start with a large left-aligned heading around 28–34px, then list six or fewer accordion rows. Each row should have a 1px divider in #e5e6e4, 14–16px question text in #202321, and a plus or chevron control aligned to the far right. Give rows 44–56px of vertical space and reveal answers with a smooth height transition while keeping only one open if that best suits the content. Keep the background white, avoid cards and decorative imagery, and use muted gray for controls and answer text. Never use logos, product names, copy, illustrations, or imagery from the reference.
kage