## 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/crewtower-mod-for-claude-code/6a95b5f4-2bf6-41f9-aa93-70409ededf43-1792303419-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/crewtower-mod-for-claude-code/6a95b5f4-2bf6-41f9-aa93-70409ededf43-1792303277739-full.webp
- Component on Kage: https://kage.design/component/crewtower-mod-for-claude-code-navigation

## Before you start
Ask what the user's product is, who it is for, and what brand personality and primary action they want. Apply the principles below to that product rather than reproducing this reference.

Build a compact desktop-first navigation bar. Keep the brand mark and name aligned left, a small central utility/status element visually separated from the page, and the primary download or signup action aligned right. Use generous horizontal padding, a restrained lavender background, near-black text, and one dark rounded CTA. Typography should be a clean modern sans-serif: 14px navigation labels, medium weight, with subtle letter spacing. Use 12–16px gaps, a 12px radius for buttons, and a very light border or translucent shadow. Include a secondary close/menu affordance only if the product needs it. On smaller screens collapse links without losing the primary action.

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