## 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/flyweel/865e3c33-9e14-4c9c-942f-392b2bfd1af5-1792649012-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/flyweel/865e3c33-9e14-4c9c-942f-392b2bfd1af5-1792648958364-full.webp
- Component on Kage: https://kage.design/component/flyweel-navigation

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

Build a slim, full-width SaaS navigation bar. Keep the brand mark at the far left, followed by a short row of primary links with restrained dropdown indicators. Align utility controls and actions to the right: a subtle theme icon, secondary sign-in button, dark demo button, and mint primary button. Use a warm near-white background (#f7f7f5), charcoal text (#202522), thin pale borders (#e7ebe7), compact 8px radii, and generous horizontal padding. Use a clean sans-serif at 12–14px, with the primary action visually strongest. Maintain a single 40–48px row and make the links keyboard accessible; collapse links into a menu on small screens.

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