## 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/figo/1fdd4f4a-2ffc-49bc-a537-37335d7ddf1d-1789711314-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/figo/1fdd4f4a-2ffc-49bc-a537-37335d7ddf1d-1789711271827-full.webp
- Component on Kage: https://kage.design/component/figo-navigation

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and primary conversion goal are. Apply the principles below to that product rather than reproducing the reference.

Build a slim desktop-first navigation bar for a focused software product. Use a centered max-width container with the brand lockup at left, a short row of evenly spaced text links in the middle, and one dark primary action at right. Keep the bar white with near-black text (`#151616`), a subtle 1px lower border (`#ededed`), generous horizontal padding, and a compact height around 56px. Use a clean grotesk sans-serif: small navigation labels with medium weight, and a rounded dark button with white text and a modest 6–8px radius. Align all items vertically and preserve a simple mobile collapse into a menu button.

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