esigna.app
Design analysis
A strong FAQ heading and a narrow accordion answer common objections in a compact, low-distraction format.
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/esigna/76bcd194-d16d-4973-9e2e-b189e2506cae-1791007555-7.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/esigna/76bcd194-d16d-4973-9e2e-b189e2506cae-1791007443637-full.webp - Component on Kage: https://kage.design/component/esigna-faq ## Before you start Ask what objections, setup questions, and trust concerns users have before converting. Turn those into concise, useful FAQ items for the user's product. Create an FAQ section with a centered eyebrow, oversized serif heading, short support line, and a narrow accordion list capped around 470px. Each item should be separated by a 1px warm-gray rule, use a 15–16px semibold question, and place a small chevron at the far right. Keep one item open initially with a concise answer and animate expansion without shifting the entire page abruptly. Use #faf9f7 background, #1b1a19 text, #77736c secondary copy, and #dedbd4 dividers. Provide keyboard and screen-reader accessible disclosure buttons. Give the section generous top and bottom padding. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage