Kage Design logo kage
geardex.app
geardex.app feature grid component

Design analysis

This section shifts from product mechanics to audience relevance with three prominent persona cards and three smaller use-case links.

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/geardex-app/fc33b7d0-970c-45a6-93bf-9b94f05b130c-1791941531-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/geardex-app/fc33b7d0-970c-45a6-93bf-9b94f05b130c-1791941487258-full.webp
- Component on Kage: https://kage.design/component/geardex-feature-grid-5

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

Build a customer-segment section with a clear heading, short intro, and two CTAs. Use three large equal persona cards in a row: each has a visual or interface area, a bold outcome title, and supporting copy. Below, add three slimmer linked cards for additional customer types, each with a small category icon and right-facing arrow. Keep the composition editorial and premium: dark surfaces, 8px corners, subtle borders, ample internal padding, and an accent color used only for key labels. Suggested colors: #080a09, #111512, #e9eee9, #929b94, teal #42c9ae, violet #9b75ef, amber #e9bd50. Support image fallbacks and responsive stacking.

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

More components