## 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/app-store-screenshots/ebba8a13-8dd3-48a7-9b23-a1c0db4171af-1793253669-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/app-store-screenshots/ebba8a13-8dd3-48a7-9b23-a1c0db4171af-1793253637144-full.webp
- Component on Kage: https://kage.design/component/app-store-screenshots-navigation

## Before you start
Ask what the user's product, brand, navigation items, and primary destination are, then apply these principles to that product.

Build a minimal, full-width website navigation. Use a white background with a 1px pink-red accent line at the very top (approximately #e83d72), a small brand label aligned near the left edge, and compact text links aligned to the right. Keep the header around 32–40px tall, with generous horizontal padding and no heavy container or shadow. Use a neutral sans-serif at 11–13px, dark gray text, and subtle hover color transitions. On mobile, collapse secondary links into a compact menu.

Never:
- use logos, product names, copy, illustrations, or imagery from the reference
- make the navigation visually dominant
- add unnecessary dropdowns or decorative effects