Kage Design logo kage
ovoplayer.com
OVO feature grid component

Design analysis

A sequence of feature panels demonstrates control, visual feedback, party-style playback, and recognition while alternating image and copy placement to maintain rhythm.

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-5.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-4

## Before you start
Ask which three or four product capabilities deserve demonstration and what kinds of screenshots, videos, or photography can prove them. Tailor the showcase to the user's product.

Create a long dark feature showcase composed of three or four spacious alternating rows. Each row should have a small uppercase category label, a large benefit-oriented heading, short explanatory copy, and one quiet text link or compact bullet list. Alternate media left/right: use a device control screen for personalization, a wide atmospheric visual for an expressive mode, and a contextual image or UI for discovery/recognition. Keep each row visually distinct with subtle background shifts and large vertical padding, but use one coherent palette: black (#0b0b09), espresso (#1e1714), muted plum (#251a21), warm white text, gray copy, and restrained coral/amber accents. Use rounded media frames, avoid visual clutter, and preserve accessible text contrast.

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

More components