Kage Design logo kage
krea.ai
Krea 3 feature grid component

Design analysis

A focused headline explains localized editing, supported by one large annotated demonstration image and a legend of editable regions.

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/krea-3/dbe75373-d211-428a-9d9b-aa6c396006bc-1792389813-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/krea-3/dbe75373-d211-428a-9d9b-aa6c396006bc-1792389704928-full.webp
- Component on Kage: https://kage.design/component/krea-3-feature-grid

## Before you start
Ask what the user's product and brand are, then apply the following principles to their feature section rather than copying this reference.

Create a feature section focused on precise, localized change. Center a two-line headline with one phrase in a textured or outlined treatment only if it fits the brand. Add a short explanatory subtitle, then a large 16:9 or 4:3 rounded demonstration panel with image annotations, numbered colored markers, and short callout labels. Use 40–56px heading typography, 16px supporting text, a white background, and 16px media radius. Place a compact legend beneath using colored dots and labels, followed by a muted footnote. Keep annotation colors limited to 4–6 clear accents such as purple #9b5cff, blue #3d82ff, yellow #f1bf3a, and cyan #15bdd0. Make callouts readable and responsive.

Never:
- use the reference logo or product name
- copy the reference headline, labels, or imagery
- reuse its illustrations or media
- reproduce the exact layout or visual assets

More components