Kage Design logo kage
lemonade.com
lemonade.com feature grid component

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.

More components