## 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/ovo/3c9ed73d-a170-49d0-8a12-5cf9a4f3d08f-1789452267-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ovo/3c9ed73d-a170-49d0-8a12-5cf9a4f3d08f-1789452172899-full.webp
- Component on Kage: https://kage.design/component/ovo-feature-grid

## Before you start
Ask what the user's core workflow is and which inputs or integrations matter most. Then create a version tailored to that product and brand.

Build a wide dark feature section with two related content moments inside one spacious band. First, use a two-column layout with a small uppercase eyebrow, a strong left-aligned heading, concise explanatory copy, and a large right-side product screenshot. Follow it with a second split panel: a compact dark source selector or list on the left and a rounded lifestyle/product image on the right, followed by a short caption. Use warm black and brown surfaces (#12110e, #211a15), cream text (#f5f2ed), muted gray copy (#a9a29a), 1px low-contrast dividers (#302a24), and 10–14px corner radii. On smaller screens stack the columns while retaining clear section hierarchy.

Never use the reference's logos, product names, copy, illustrations, or imagery.