godaylight.com
Design analysis
A centered inset dark photographic panel introduces the broader problem with a bold editorial statement over a moody neighborhood image.
Prompt preview
## 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-1791311230-4.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-3 ## 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 an inset narrative banner with a dark, moody full-bleed image, a subtle black overlay, a tiny uppercase eyebrow, and a large centered serif statement. Keep the panel narrower than the viewport with a max-width around 540–900px, and provide 56–88px padding. Use warm white text, a 48–64px desktop headline with tight leading, and an image crop that supports the emotional point without overpowering the words. Give it a modest 0–4px radius and generous surrounding cream space. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage