Kage Design logo kage
make0.ai
Make0 Brain feature grid component

Design analysis

A strong conceptual statement introduces a connected-not-isolated model, followed by a large rounded graph visualization.

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/make0-brain/19c81372-003a-4a5c-a9ad-89626e51177c-1792044275-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/make0-brain/19c81372-003a-4a5c-a9ad-89626e51177c-1792044170316-full.webp
- Component on Kage: https://kage.design/component/make0-brain-feature-grid-4

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

Build a feature section with a split text introduction above a large visualization card. Use an uppercase eyebrow, a large multi-line headline on the left, and explanatory body copy on the right. Beneath them, place a wide white rounded panel with a very subtle border and shadow containing an abstract knowledge graph: one central node, many thin gray connector lines, and small low-contrast labeled nodes around it. Keep the graph legible but understated, use `#faf9f7` for the page, `#ffffff` for the panel, `#d8d5d0` for connectors, and orange only for key emphasis. Give the visualization enough height and padding to feel like a product proof point; make it scroll or simplify on mobile.

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

More components