## 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-5.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-feature-grid-3

## 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.

Create a category exploration band with a strong heading followed by five evenly distributed category tiles. Each tile should have a short two-line label, a small directional cue, and a simple abstract icon or product-relevant visual anchored near the bottom; use a coloured underline or accent shape to differentiate categories. Keep the tiles airy rather than card-heavy, with 20–24px horizontal padding, 100–150px minimum height, and consistent alignment. Use #FFFFFF tiles on a near-white canvas, #202020 type, #777777 for secondary cues, and a rotating accent palette such as mint #9ADFCB, coral #F3A36F, cyan #9DDDE7, orange #F4B066, and lavender #B5A3F4. Add hover elevation or underline animation and make the full tile a link.

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