## 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/incredible/a967b774-2b17-4a91-b40d-fd5f367a0b1c-1791353134-1.webp
- Component on Kage: https://kage.design/component/incredible-navigation

## Before you start
Ask what the user's product is, what the primary conversion action is, and which destinations belong in the navigation. Apply the principles below to that product and brand.

Build a clean desktop-first navigation bar on a white background (#ffffff), about 64–72px tall. Use a centered max-width container with consistent side gutters. Put a simple text-based brand lockup on the left, a small horizontal set of links near the center, and one dark pill-shaped primary action on the right. Use a modern sans-serif with medium-weight 13–15px navigation labels, black text, and muted gray secondary treatments. Keep vertical alignment exact and whitespace generous. Add a small chevron for dropdown items, visible hover states, and collapse the links into an accessible menu on mobile. The primary button should be near-black (#050505) with white text, a 28–32px radius, and a subtle hover lift.

Never: use the reference's logo, product name, exact navigation labels, exact button copy, illustrations, imagery, or brand assets.