inflight.co
Design analysis
A compact dark navigation bar anchors the brand at left and keeps secondary product links and login 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/inflight/ac6190d7-6ca0-4ac1-9ff1-df4f4b5185a3-1792562736-0.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/inflight/ac6190d7-6ca0-4ac1-9ff1-df4f4b5185a3-1792562711335-full.webp - Component on Kage: https://kage.design/component/inflight-navigation ## Before you start Ask what the user's product is and what its brand personality should be, then apply the principles below to that product. Build a compact top navigation for a modern software product. Use a near-black background around #080a0d, a small white wordmark placeholder at the left, and restrained gray links aligned on the right. Keep the bar about 48px tall with generous horizontal padding, subtle separation from the page, and clear hover states. Use a clean sans-serif hierarchy and avoid visual clutter on small screens; collapse links behind a menu when needed. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage