## 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/omnia-agent/49497126-f7d8-48a0-b56b-a26990811c92-1790920876-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/omnia-agent/49497126-f7d8-48a0-b56b-a26990811c92-1790920840559-full.webp
- Component on Kage: https://kage.design/component/omnia-agent-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 full-width desktop-first navigation bar for a modern B2B AI product. Use a warm off-white background, a centered max-width content row, a simple text wordmark at left, three or four compact navigation links with subtle chevrons, and utility actions at right. Keep the bar around 64–72px tall with generous horizontal padding. Use near-black text, a 14px medium UI font, and a high-contrast black pill button beside a lighter outlined or white login button. Align everything vertically and keep the visual hierarchy quiet so the hero owns attention. Add responsive collapse behavior for small screens.

Never: use the reference logo, product name, exact copy, illustrations, imagery, or branded assets.