## 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/agibot/caf89d58-757f-4493-9c2d-6456be940e33-1791784915-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/agibot/caf89d58-757f-4493-9c2d-6456be940e33-1791784894236-full.webp
- Component on Kage: https://kage.design/component/agibot-navigation

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

Build a minimal dark navigation bar spanning the viewport. Use a compact brand mark and wordmark aligned to the left with generous side padding, and one small text link aligned to the right. Keep the header visually quiet so the main message dominates. Use near-black #050506, white text around #f4f2f7, muted text around #aaa7b2, a compact 12–14px sans-serif label, and approximately 16–24px horizontal padding. Avoid visible borders unless needed for separation; use a very subtle bottom rule. Make the header responsive, preserving the left/right alignment and collapsing utility links cleanly on narrow screens.

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