## 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/lateron-v2-the-agentic-email-plaftform/0ff3184e-0d5c-46ea-8012-61473093bd6c-1790402771-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lateron-v2-the-agentic-email-plaftform/0ff3184e-0d5c-46ea-8012-61473093bd6c-1790402643023-full.webp
- Component on Kage: https://kage.design/component/lateron-v2-the-agentic-email-plaftform-hero

## Before you start
Ask what the user's product does, its audience, and its brand direction. Then create an original hero using these principles for that product.

Use a wide, airy hero with a centered max-width content area. Place a small pill announcement above a very large bold headline, emphasizing one phrase in a bright blue accent around #2497d8 while the rest is near-black #0b0b0d. Add one understated supporting sentence, compact status chips in pale mint and pale amber, and a simple inline input plus dark CTA. Below, show a large softly faded product UI mockup that visually demonstrates the promise; use a white canvas, faint gray borders, soft shadows, and a little avatar/social proof row. Keep the first viewport calm and spacious, with the visual extending toward the section bottom. Use 52–60px desktop heading type, 16px body type, 8px radii, and responsive stacking.

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