Kage Design logo kage
temprl.org
Simo feature grid component

Design analysis

This section frames the product as a middle layer between fast reflexes and slower deliberation, with three contrasting system cards and an emphasized center card. The visual hierarchy makes the product's role obvious at a glance.

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/simo/01913313-62ce-4f89-a048-ac4500929f0e-1791525857-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/simo/01913313-62ce-4f89-a048-ac4500929f0e-1791525747684-full.webp
- Component on Kage: https://kage.design/component/simo-feature-grid-2

### Before you start
Ask the user what competing approaches or system layers their product coordinates. Then use these rules to build an original explanatory section.

Create a lightly gridded neutral section with a centered eyebrow, bold heading, short explanatory copy, and a horizontal spectrum or arrow showing two opposing modes. Below it, place three equal cards: a lightweight option, the user's product in the center, and a more deliberate option. Give the center card a bright accent background and strongest emphasis, while the outer cards remain off-white with distinct colored top rules. Use thick outlines, compact monospace labels, clear question/answer snippets, and one or two small confidence indicators. Keep the cards visually connected to the spectrum above. On mobile, stack the cards while preserving the center card's prominence.

Never: copy the reference's logo, product name, copy, illustrations, imagery, or exact system names.

More components