## 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/arsaze/e4f15c51-7821-4e39-ba4c-e316208d7c18-1790748083-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/arsaze/e4f15c51-7821-4e39-ba4c-e316208d7c18-1790748036683-full.webp
- Component on Kage: https://kage.design/component/arsaze-navigation

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and primary action should be. Then apply the following principles to that product rather than reproducing the reference.

Build a compact dark desktop navigation bar. Use a nearly black background (#050505), a thin hot-pink top accent (#e51d59), and a centered max-width layout with a small brand mark at left, low-contrast navigation links in the middle, and utility status, sign-in, and one high-contrast pill CTA at right. Use a quiet grotesk at 11–13px for navigation and a white pill with dark text for the main action. Keep horizontal spacing generous, align every item to one baseline, and add subtle hover brightness transitions. The bar may become a simple stacked menu on narrow screens.

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