Kage Design logo kage
uselateron.com
LaterOn v2: The agentic email plaftform navigation component

Design analysis

A compact centered navigation keeps the product identity and primary routes visible while the dark Login button provides the main contrast anchor.

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/lateron-v2-the-agentic-email-plaftform/0ff3184e-0d5c-46ea-8012-61473093bd6c-1790402770-0.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-navigation

## Before you start
Ask what the user's product is, who it serves, and what brand personality and navigation items it needs. Apply the principles below to that product rather than reproducing this page.

Build a slim desktop-first navigation bar with a centered max-width container, a small product mark and wordmark on the left, and compact text links plus one dark primary account button on the right. Use a white background, subtle #e6e6e6 border, 6–8px radius, 14px neutral sans-serif text, and generous horizontal alignment rather than a tall header. Keep link spacing consistent, make the primary button black or #151515 with white text, and add restrained hover states. Collapse into a menu on small screens.

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

More components