## 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/godaylight-com/ca5e907b-4256-46ba-9367-b5c95fdb4894-1791311227-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/godaylight-com/ca5e907b-4256-46ba-9367-b5c95fdb4894-1791311174290-full.webp
- Component on Kage: https://kage.design/component/godaylight-hero

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and visual identity are. Apply the principles below to that product rather than reproducing this reference.

Create a full-bleed residential or product-relevant hero directly beneath the floating navigation. Add a dark translucent overlay for readability, a large elegant serif headline in warm white, concise supporting copy, and a compact inline form with a text field plus a dark primary button. Align content to a max-width container with generous left padding and place the copy in the lower-left or visually quiet area. Use a warm cream page background (#fbf4e8), charcoal text (#171716), white text over imagery, and one vivid orange-red accent (#f45118). Headline size should be roughly 56–76px desktop with tight line-height; supporting copy 14–16px. Use 8px input/button radii, clear focus states, and stack the form on mobile.

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