lemonade.com
Design analysis
A switching-focused heading is supported by a cluster of circular percentage statistics and a direct conversion CTA. The irregular cluster gives the data a memorable visual rhythm while keeping the message concise.
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-5.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-stats ## Before you start Ask what measurable customer outcome, data source, and brand style the user's product has, then apply this layout using original content. Build a proof-of-savings section with a centered headline, short explanation, a cluster or responsive grid of circular statistics, and one primary CTA. Use a white background, charcoal text #454545, and pale neutral circles such as #f5f5f5 with one or two circles using a very light tint of the brand accent. Each statistic should have a large percentage or value, a short label, and a source or qualifier where needed. Arrange circles with varied but controlled sizes on desktop, then normalize them into a two-column grid on mobile for readability. Keep the section vertically spacious, use 32–38px heading type and 14–16px labels, and place a compact rounded #f50087 CTA below the data. Do not imply guaranteed savings; include transparent methodology or footnotes. Never: copy logos, product names, copy, illustrations, or imagery from the reference.
kage