Kage Design logo kage
ovoplayer.com
OVO feature grid component

Design analysis

A large phone visual balances a text column that states the local-first benefit and supports it with a compact bullet list and an artwork strip.

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/ovo/3c9ed73d-a170-49d0-8a12-5cf9a4f3d08f-1789452268-3.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-2

## Before you start
Ask what important user capability should feel primary and what proof asset best demonstrates it. Adapt the layout to the user's product.

Create a dark editorial feature band with a tall device or product UI visual on the left and a text block on the right. Include a small uppercase eyebrow, a large benefit-led heading, a short paragraph, three concise bullet points with warm accent markers, and a quiet text link. Add a row of small supporting thumbnails or examples beneath the visual. Use a warm-black background (#0d0d0b), off-white headings, muted body text, thin dividers, and restrained amber accents (#f4b26e). Keep the image and copy vertically centered within a generous 560–640px band; stack them on mobile.

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

More components