## 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/hola-ai/6afc16ea-d4a5-4b10-89cd-47c92dad80e5-1790143387-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/hola-ai/6afc16ea-d4a5-4b10-89cd-47c92dad80e5-1790143310582-full.webp
- Component on Kage: https://kage.design/component/hola-navigation

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

Build a responsive primary navigation for a bold consumer software landing page. Use a white full-width bar with a thin dark bottom rule, a compact brand mark and wordmark aligned left, a small set of evenly spaced anchor links centered or slightly right of center, and one black pill-shaped primary CTA on the far right. Keep the header around 52px tall on desktop, with generous horizontal padding and strong vertical centering. Use a clean geometric sans-serif, medium-weight 12–14px links, and a 15–18px wordmark. Use black #050505, white #FFFFFF, and a subtle border #111111; CTA radius should be 999px. On mobile, collapse links into a menu control while preserving the CTA or moving it into the menu. Add hover colour/underline feedback to links and a slight scale or colour transition to the CTA.

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