krea.ai
Design analysis
A centered headline introduces a category tab row and a horizontally framed image showcase with an explanatory floating prompt card.
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-1792389812-4.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-gallery ## Before you start Ask what the user's product and brand are, then apply the following principles to their showcase gallery rather than copying this reference. Build a gallery section with a large centered two-line headline, followed by a compact pill tab bar for categories. Use 14px tabs, a soft #f6f6f3 container, active tab in white with a subtle shadow, and 999px radius. Below, show a wide featured image or media card with partially visible neighboring slides to communicate horizontal browsing. Add left/right circular controls, rounded 14–18px media corners, and an optional floating white caption card overlapping the lower edge. Use smooth horizontal drag or arrow navigation, visible focus states, and a small dark CTA beneath the gallery. Maintain generous 72–96px section spacing. Never: - use the reference logo or product name - copy its category labels, prompt text, or imagery - reuse its illustrations or media - reproduce the exact layout or visual assets
kage