## 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/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146541-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146449552-full.webp
- Component on Kage: https://kage.design/component/chime-feature-grid

## Before you start
Ask what product feature should be highlighted, what supporting features exist, and what visual assets are available in the user's brand. Then design a reusable feature showcase.

Create a large rounded feature panel on a deep green page. Use a two-column interior: left for a section title, three short checkmarked benefits, a secondary outline button, and a subdued vertical list of other feature names; right for a large rounded-corner lifestyle or product image with a small overlay label. Give the panel generous internal padding around 24–32px, a 12–18px radius, and a slightly lighter green surface around #07543A against a #003B2B page. Use large 26–32px white headings, 14–16px body copy, mint checkmarks, and an outline button with a low-contrast border. Treat the left list as navigation: the active item is bright, inactive items are low-opacity, and clicking an item changes the content and image. Maintain a balanced 42/58 or 45/55 split and stack cleanly on mobile.

Never: copy the reference's feature names, text, imagery, logo, product UI, brand marks, or exact layout artwork.