Design analysis

The hero pairs an oversized two-line proposition with a tiny eyebrow and supporting sentence, then transitions into a thin-line animated-looking vehicle/city visual. The nearly black field and fine white strokes create a distinctive technical mood.

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/duvi/fdecc34f-2fb4-47cd-8615-09e917d211ca-1789884151-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/duvi/fdecc34f-2fb4-47cd-8615-09e917d211ca-1789884106277-full.webp
- Component on Kage: https://kage.design/component/duvi-hero

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

Create a dark, high-impact hero directly below the navigation. Use a small uppercase mono or letter-spaced eyebrow, a very large left-aligned headline in two short lines, and one quiet supporting sentence. Reserve the lower portion for a wide, low-contrast product-related visual made from abstract thin linework or a CSS/SVG scene that feels technical and atmospheric; it should support the message without competing with the text. Use #080a0b as the base, off-white #f2f2ee for the headline, muted #8d9294 for supporting text, and a restrained electric blue accent around interactive or highlighted details. Use a 4–6vw headline, tight line-height around .9–1, max-width about 620px, and large vertical padding. Add subtle reveal or line-drawing motion only if it remains accessible and respects reduced motion.

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