## 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/bunq-com/4420c8b4-fa9d-40bf-a5d3-de95f2febdf1-1789146828-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/bunq-com/4420c8b4-fa9d-40bf-a5d3-de95f2febdf1-1789146743583-full.webp
- Component on Kage: https://kage.design/component/bunq-hero

## Before you start
Ask what the user's product, audience, and brand are, then apply the following principles to that context.

Build a high-impact mobile hero for a consumer digital product. Place a short, bold white headline near the top, followed by one sentence of supporting copy and a full-width pill-shaped primary CTA. Use generous vertical spacing, a nearly black background (#000000), white type, and a 16px rounded CTA with a light surface (#f5f5f5) and dark text. Let the hero visual occupy most of the height beneath the copy: use an original product-related photograph or 3D composition with a dark, atmospheric background and saturated accent colors. Crop the visual edge-to-edge or into a large rounded frame, prioritizing a strong central object and clear mobile focal point. Maintain a 12px page gutter and avoid overlaying important text on the image.

### Never
- Never use the reference logo, product name, copy, illustrations, or imagery.
- Never recreate the pictured phone, hand, or exact colorful composition.
- Never use generic stock imagery that makes the product promise unclear.