## 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/openship-cloud/9519eed9-0239-434c-a94e-7bf81cfc26ba-1792562625-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/openship-cloud/9519eed9-0239-434c-a94e-7bf81cfc26ba-1792562575709-full.webp
- Component on Kage: https://kage.design/component/openship-cloud-navigation

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

Build a slim, airy website navigation bar. Use a white background, a small brand mark and wordmark aligned left, compact low-contrast links centered or slightly left of center, and utility actions aligned right with a text login link plus a dark pill-shaped primary button. Keep the header around 40–56px tall with generous horizontal padding, a clean sans-serif, 11–13px navigation text, and restrained contrast. Use a near-black button such as #111111, white text, and a 999px radius; avoid heavy borders, using a subtle #eeeeee bottom rule only if needed. On mobile, collapse links into a menu while keeping the primary action visible.

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