## 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/oku-club/e710a983-c1d6-4177-b014-2738acd07d09-1789146242-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/oku-club/e710a983-c1d6-4177-b014-2738acd07d09-1789146208773-full.webp
- Component on Kage: https://kage.design/component/oku-club-navigation

## Before you start
Ask what the user's product is and what its brand personality, audience, and primary conversion goal are. Apply the following principles to that product rather than reproducing the reference.

Build a clean, compact desktop navigation bar. Use a three-part horizontal layout: small brand mark/name on the left, evenly spaced product links in the center, and secondary/primary account actions on the right. Keep the header white with a very thin warm-pink top accent, generous horizontal padding, black text, and a restrained serif or humanist display treatment only where it suits the brand. Use a white outlined secondary button and a black filled primary button, both with modest rounding and equal height. Align everything vertically and maintain clear focus/hover states; collapse to a menu on small screens.

Approximate design language: white `#ffffff`, near-black `#080808`, pale pink accent `#f05a82`, subtle border `#dedede`, 8px radius, 16px horizontal gaps, 28–34px side padding, 14px body text. Keep the header visually quiet so the hero owns attention.

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