## 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/zella/1ad8c25d-9254-4564-a81b-c4a3a0594691-1789711357-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/zella/1ad8c25d-9254-4564-a81b-c4a3a0594691-1789711295290-full.webp
- Component on Kage: https://kage.design/component/zella-feature-grid-4

## Before you start
Ask what the user's product and brand are, then apply the principles below to that product rather than copying the reference.

Build a feature gallery section with a small uppercase eyebrow, a large left-aligned serif heading, and one supporting sentence. Follow with a 3-column by 3-row grid of product feature cards. Every card should have a dark framed visual placeholder at the top, a compact title, two or three lines of explanation, and an optional small text link. Keep image areas consistent in height, use thin dividers between cards, and make the grid feel like one editorial system rather than unrelated tiles. Palette: #151613 cards, #111210 page, #e6e1d6 headings, #96968d body copy, and small yellow/green/blue accents. Add a centered secondary button below the grid. Make cards stack responsively and support keyboard focus.

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