Kage Design logo kage
throxy.com
throxy navigation component

Design analysis

A nearly invisible header keeps the brand centered, adds a small proof badge at left, and uses one high-contrast action at right.

Prompt preview
## 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/throxy/4d577be3-3944-4c06-b2f6-094c0e693ab7-1793253967-0.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/throxy/4d577be3-3944-4c06-b2f6-094c0e693ab7-1793253814515-full.webp
- Component on Kage: https://kage.design/component/throxy-navigation

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

Build a minimal desktop-first navigation bar: use a warm off-white background, a small monochrome brand mark centered, a compact credibility note on the left, and one dark rounded action button on the right. Keep the bar about 36–44px tall with generous horizontal margins, 11–13px typography, restrained contrast, and no heavy divider. Align all items to one baseline; make the action keyboard-focusable and collapse gracefully on mobile.

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

More components