Kage Design logo kage
eventbrite.com
eventbrite.com feature grid component

Design analysis

Three stacked discovery groups turn popular cities, states, and nearby places into compact pill-like text links with arrow affordances.

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-1789146267-6.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-feature-grid-3

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

Build a lightweight regional discovery section on a pale neutral background. Include three vertically stacked groups with bold 18–20px headings and rows of compact destination links. Render each link as a white or near-white pill/card with 12–14px semibold text, generous horizontal padding, and a small northeast-arrow affordance. Use 32–44px spacing between groups, 10–12px gaps between links, and allow each row to wrap naturally. Keep the layout within a centered 832px container and use dark navy #17162d headings, black link text, and subtle #f0f0f2 separation. On mobile, use two-column or wrapping rows rather than overflow unless the destination set is intentionally scrollable.

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

More components