## 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/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146266-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146238794-full.webp
- Component on Kage: https://kage.design/component/eventbrite-hero

## Before you start
Ask what the user's product, audience, campaign, and brand are, then apply these principles to that product rather than reproducing the reference.

Build a full-width promotional hero directly below the navigation. Use a 16:5-ish desktop media frame with 4px rounded corners, a dark photographic or abstract background with a subtle gradient overlay, and an editorial headline positioned toward the left-center. Let the headline use 42–52px bold type with short stacked lines and expressive highlight blocks in two complementary colors such as lavender-blue (#7278e8) and soft pink (#f2a4c5). Place one pill-shaped white CTA beneath it with dark text and 16px horizontal padding. Ensure text remains readable, provide a dark overlay, maintain an intentional focal point on the right, and crop responsively without stretching. On mobile, reduce the headline to 30–36px and move the CTA into the lower-left content flow.

Never: copy logos, product names, exact copy, illustrations, or imagery from the reference.