## 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/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217068-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217012251-full.webp
- Component on Kage: https://kage.design/component/nani-navigation

## Before you start
Ask what the user's product is, who it is for, and what their brand personality and visual identity are. Then apply the principles below to create an original navigation for that product.

Build a compact desktop-first top navigation with a left-aligned product mark and name, a centered row of a few secondary links, and one high-contrast primary download or signup action at the right. Use a white or near-white surface, a very thin accent rule at the top, generous horizontal padding, and vertically centered controls. Typography should use a friendly bold wordmark and small neutral sans-serif navigation labels; keep the CTA visibly heavier than the links. Use a deep navy text color around #17192f, muted gray labels around #727782, and a dark navy button around #17192f with white text, about 8–10px radius and compact 12–14px padding. Include a small theme or utility icon near the CTA if useful. On smaller screens, collapse links into a menu while preserving the CTA.

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