Kage Design logo kage
eventbrite.com
eventbrite.com navigation component

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.

More components