## 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/polyglot/16feff4e-ce5f-4860-8cf6-49c37e8ed17f-1790402682-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/polyglot/16feff4e-ce5f-4860-8cf6-49c37e8ed17f-1790402570740-full.webp
- Component on Kage: https://kage.design/component/polyglot-hero

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

Create a centered hero directly below the navigation on a near-black canvas (#080808). Start with a small muted uppercase eyebrow, then a large expressive display treatment or headline that can feel dimensional without relying on reference imagery. Follow with a two-line, high-contrast value proposition, a readable supporting paragraph constrained to roughly 520px, and two pill buttons: a lavender primary action and a dark outlined secondary action. Use an airy vertical rhythm, approximately 18px body text, 56–76px desktop headline sizing, soft gray copy (#a6a6a6), and 24–32px gaps between groups. Add a compact muted compatibility or reassurance line beneath the buttons. Make the layout responsive and preserve the centered hierarchy.

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