Kage Design logo kage
lorikeetcx.ai
lorikeetcx.ai gallery component

Design analysis

A single rounded, framed image sits alone in a large field of whitespace, acting as a calm visual proof point after the hero.

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/lorikeetcx-ai/66a45b6c-3f5c-4089-bde2-7a0aa025402f-1789142169-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lorikeetcx-ai/66a45b6c-3f5c-4089-bde2-7a0aa025402f-1789141728989-full.webp
- Component on Kage: https://kage.design/component/lorikeetcx-gallery

## Before you start
Ask what visual best represents the user's product and brand, then apply this treatment to an original asset.

Build a single-image visual section following the hero. Center one landscape product or lifestyle image in a wide whitespace-rich band. Keep the image smaller than the viewport, with softly rounded corners and a subtle border or shadow so it feels intentional rather than like a full-bleed banner.

Design rules:
- Layout: centered image, approximately 440px wide at the reference scale, with a 16:9-ish aspect ratio; preserve generous whitespace around it.
- Image treatment: object-fit cover, radius 16–20px, 1px translucent border #D9D9D9, very soft shadow.
- Background: white or warm white #FFFFFF.
- Responsive behaviour: image width 70–80vw with a sensible max-width; never crop important faces or product details.
- Interaction: optional gentle hover lift, but no distracting animation.

Never:
- Never reuse the reference photograph, product imagery, logo, copy, or illustration.
- Never fill the entire section with the image.
- Never add captions unless the user's content requires them.

More components