evvery.app
Design analysis
A slim black navigation bar establishes the brand, keeps the menu sparse, and gives the primary signup action a bright pill treatment.
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/evvery/a269aa57-af78-4f36-91fc-487db18a20bb-1790402471-0.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/evvery/a269aa57-af78-4f36-91fc-487db18a20bb-1790402436622-full.webp - Component on Kage: https://kage.design/component/evvery-navigation ## Before you start Ask what the user's product is, who it serves, and what its brand voice and colours are. Apply the principles below to that product rather than copying this reference. Build a slim, responsive product navigation. Use a near-black background (around #0d0d0d), a small brand mark area at left, horizontally spaced text links in muted gray, and one high-contrast primary button at right. Keep the navigation vertically centered in roughly 72–88px, with generous horizontal padding and a max-width container. Use a clean sans-serif, 13–15px link text, and a white pill button with dark text and a 999px radius. On smaller screens collapse links behind a menu button while preserving the primary action. Never use the reference's logo, product name, copy, illustrations, imagery, or exact branding.
kage