## 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/lovable-growth-tools/9452fb95-0338-4269-a5da-8889e8804cc9-1792216982-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lovable-growth-tools/9452fb95-0338-4269-a5da-8889e8804cc9-1792216920277-full.webp
- Component on Kage: https://kage.design/component/lovable-growth-tools-navigation

## Before you start
Ask what the user's product and brand are, then apply these principles to that product rather than reproducing the reference.

Build a compact global navigation with a small brand mark at left, five or six low-emphasis text links in the middle, and two right-aligned account actions: a light outlined secondary action and a dark filled primary action. Use a white background, near-black text (#171717), one-pixel neutral borders (#e8e8e8), 12–13px sans-serif labels, and 40–48px total height. Keep the content in a centered max-width container with generous horizontal breathing room; collapse links into a menu on mobile. Give buttons 6–8px radius and clear hover/focus states.

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