## 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/meetup-com/38f9f6c4-75f1-46e9-b1c3-f8b44b19e777-1789146457-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/meetup-com/38f9f6c4-75f1-46e9-b1c3-f8b44b19e777-1789146409864-full.webp
- Component on Kage: https://kage.design/component/meetup-gallery

## Before you start
Ask what the user's product does, who it serves, and what its brand personality and visual identity are. Then apply the principles below to that product rather than reproducing the reference.

Build a popular-destinations gallery with a bold heading, one sentence of supporting text, and five destination cards in a desktop row. Use landscape photography or product-relevant thumbnails with varied but controlled organic clipping, a 16–22px radius, and a clear label below or overlaid near the bottom. Keep cards equal width, align their labels, and convert the row to horizontal scrolling on small screens. Use a bright neutral background, #202020 headings, #666666 support text, and subtle shadows or borders; reserve saturated accent colours for small decorative details. Provide a visible focus ring, descriptive alt text, and a hover state that gently scales the image without changing the card dimensions.

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