lemonade.com
Design analysis
An explanatory mission section combines a centered title with two short paragraphs, then uses a large editorial illustration and three surrounding outcome statements to explain the operating model.
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/lemonade-com/fec12946-54bf-4cf0-ac52-dcd9bbeb95c9-1789146826-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lemonade-com/fec12946-54bf-4cf0-ac52-dcd9bbeb95c9-1789146795796-full.webp - Component on Kage: https://kage.design/component/lemonade-feature-grid-3 ## Before you start Ask what the user's product does, how it works, and which mission or principles matter to its brand, then create an original explanation section. Create a “how it works” or mission section with a centered heading, two readable explanatory paragraphs, and a large original diagram or illustration below. Surround the visual with three concise outcome statements positioned around its edges on desktop; stack them into an ordered list on mobile. Use a soft gray background #f7f7f7, dark gray body text #4a4a4a, an accent colour only for key visual details, and thin #d9d9d9 strokes. Limit prose width to 620–680px, use 30–38px heading type, 15–17px body copy with 1.6 line-height, and preserve generous whitespace. Make the visual optional for comprehension and include a small legal or scope note when claims require qualification. Never: copy logos, product names, copy, illustrations, or imagery from the reference.
kage