## 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/ovo/3c9ed73d-a170-49d0-8a12-5cf9a4f3d08f-1789452267-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ovo/3c9ed73d-a170-49d0-8a12-5cf9a4f3d08f-1789452172899-full.webp
- Component on Kage: https://kage.design/component/ovo-navigation

## Before you start
Ask what the user's product is, who it is for, and what their brand personality and primary action are. Then apply the principles below to that product rather than reproducing the reference.

Build a compact desktop navigation bar for a dark software product site. Use a near-black background (#070706), a small brand lockup on the left, horizontally centered low-contrast links, and one warm peach primary action on the right. Keep the bar about 32–48px tall, align all content to one max-width container, use 11–13px medium sans-serif text, and preserve generous horizontal breathing room. The primary button should be pill-shaped with a soft peach fill (#ffb36e), dark text, and a small platform/action icon. Add subtle hover brightness and a mobile collapse pattern.

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