zro.moonmath.ai
Design analysis
A split FAQ layout places an explanatory title and actions on the left and a long numbered accordion list on the right, with the first answer expanded.
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/zro-uncensored-security-models/e20130e7-a5cc-45c0-9379-5144f5425289-1793253725-9.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/zro-uncensored-security-models/e20130e7-a5cc-45c0-9379-5144f5425289-1793253671388-full.webp - Component on Kage: https://kage.design/component/zro-uncensored-security-models-faq ## Before you start Ask what the user's product and brand are, then apply the following principles to that context. Build a split FAQ section. The left column should contain a large multi-line heading, a short explanatory paragraph, and two actions. The right column should contain a numbered accordion list with around 8–10 questions. Use thin horizontal separators, a small number column, question text, and plus/minus controls aligned at the far right. Expand the first item by default and show its answer in a clearly indented block with slightly brighter text. Use a dark background `#090b0d`, rules `#202329`, headline `#e8e9e4`, body `#8b8f95`, and active divider or focus treatment `#d9dbd5`. Keep the two columns around 38%/62%, with a generous gap; stack them vertically on mobile. Implement keyboard-accessible disclosure behavior and preserve layout stability during opening. Never: use logos, product names, copy, illustrations or imagery from the reference.
kage