## 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/helo/c47b31ce-de8b-413b-ab53-bd3bf69ea219-1790921005-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/helo/c47b31ce-de8b-413b-ab53-bd3bf69ea219-1790920903911-full.webp
- Component on Kage: https://kage.design/component/helo-hero

## Before you start
Ask what the user's product does, who the target customer is, and what its brand voice should feel like. Apply these rules to that product rather than reproducing the reference.

Create a centered hero directly below the navigation on a warm ivory background around #faf7f2. Use a large expressive serif headline, approximately 48–64px desktop, with tight line-height and an optional italic emphasis on one phrase. Place a short 16px supporting sentence below it, followed by a coral-orange filled primary button and a simple text-and-chevron secondary link. Keep the content centered and allow generous vertical breathing room.

Below the actions, reserve a broad visual stage for an original abstract editorial illustration: use bold flat coral, yellow, teal, and black linework with grain-like texture, but create a new composition appropriate to the user's product. The hero should feel playful and handcrafted while maintaining strong contrast and a clear CTA hierarchy. On mobile, stack the actions and scale the visual without clipping.

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