## 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-6.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-2

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

Build a color-control feature with a two-column heading area: oversized left-aligned headline on the left and concise explanatory copy on the right. Highlight one phrase with a warm brand accent, approximately #f0a20b, while keeping the rest near-black. Beneath it, show a horizontal image rail with one dominant large card and smaller neighboring cards, each with a short caption. Add small rounded color/filter chips above the rail using white surfaces, 1px #e5e5e2 borders, and 999px radius. Use 48–72px section padding, 16px card radius, and overflow clipping with drag/arrow controls.

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