## 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/basedash-view-only-members/6dbd0b50-cdba-4977-b7dc-6a7ba68a352e-1793253916-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/basedash-view-only-members/6dbd0b50-cdba-4977-b7dc-6a7ba68a352e-1793253800610-full.webp
- Component on Kage: https://kage.design/component/basedash-view-only-members-navigation

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and primary conversion goal are. Apply the principles below to that product rather than reproducing the reference.

Build a slim desktop-first navigation bar for a modern B2B software product. Use a centered max-width container with generous horizontal padding, a small monochrome brand mark at left, three to five low-contrast navigation links in the middle, and login plus a dark primary button at right. Keep the header about 48–56px tall with a subtle bottom border, white background, and strong baseline alignment. Use a clean sans-serif: 14px navigation text, muted gray #777, near-black #171717 for the brand and CTA. Make the primary button compact, black, with white text, 6–8px radius, and 12–16px horizontal padding. Add hover states that darken links and slightly lift or tint the button; collapse links into a mobile menu.

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