eventbrite.com
Design analysis
A compact, persistent header combines brand, location-aware search, primary discovery links, event creation, support, tickets, and account access.
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/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146266-0.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/eventbrite-com/7528d4f6-3311-4de9-a3b5-4d616b4b671a-1789146238794-full.webp - Component on Kage: https://kage.design/component/eventbrite-navigation ## Before you start Ask what the user's product, audience, and brand are, then apply the principles below to that product rather than reproducing the reference. Build a responsive global navigation bar for an event-discovery or marketplace product. Use a 54px desktop header with a small brand area on the left, a bordered search/location control near the center-left, and concise navigation links on the right. Keep the hierarchy calm and utility-first: one strong search affordance, compact text links, and a circular accent search button. Use a white background, a 1px light gray bottom border, near-black text (#1f1f24), muted gray secondary text (#66666d), and a warm coral/red accent around #f05555. Use 14px semibold labels, 8–12px horizontal gaps, 8px control radii, and generous side padding that collapses on mobile. Make the search field keyboard accessible and let secondary links wrap into a menu on small screens. Never: copy logos, product names, exact copy, illustrations, or imagery from the reference.
kage