Kage Design logo kage
cadenya.com
Cadenya feature grid component

Design analysis

A full-width photographic/textural band contains a centered translucent two-column panel. Each feature gets an icon, short heading, and concise technical explanation, creating a clear first layer of product education.

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/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192867-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cadenya/d064e83b-00ab-4d52-aab7-77367964ea32-1789192832645-full.webp
- Component on Kage: https://kage.design/component/cadenya-feature-grid

## Before you start
Ask what two capabilities are most important for the user's product and what visual atmosphere fits its brand. Then apply the structure below with original content.

Build a two-column feature introduction over a full-bleed atmospheric background image, texture, or gradient. Add a centered panel with a subtle translucent dark-green surface, a fine light border, and generous internal padding. Each column should have a simple line icon above a concise two-line heading and a short mono or plain-text explanation. Keep the columns equal width, separated by whitespace rather than a heavy divider, and align icon, heading, and body consistently. Use deep teal/forest tones (#164a3f, #0d3e39), misted cream text (#f6f5e8), and a low-opacity white border. Use 20–25px headings, 11–13px supporting copy, 30–40px panel padding, and a soft blur/overlay so text remains readable. On mobile, stack the columns while preserving the same hierarchy.

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

More components