## 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-4.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-2

## Before you start
Ask what the user's product, key service promise, and visual brand system are, then build an original version around those answers.

Design a single-benefit feature section that communicates speed or simplicity. Start with a centered heading and two-line supporting copy, then place a large device mockup, interface fragment, or product diagram in the lower half. Add two or three short callouts around the visual connected by subtle lines or directional cues. Keep the background nearly white #fafafa, use charcoal #454545 for type, light gray #ededed for device surfaces, and a bright brand accent such as #f50087 for the important state. Use a 32–40px heading, 16px body copy, generous 80–120px vertical spacing, and a max content width near 760px. Make callouts understandable without the illustration, provide alt text, and use a responsive stacked layout on mobile.

Never: copy logos, product names, copy, illustrations, or imagery from the reference.