## 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-1789146458-8.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-5

## 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 an editorial community-stories section. Start with a two-column intro row: a large left-aligned statement on the left and a compact explanatory paragraph on the right. Below it, place three equal story cards with rounded landscape images, bold headlines, and two or three lines of excerpt text. Use 32–40px section heading size, 18–22px card titles, 15–16px excerpts, 32px card gaps, and generous separation between intro and cards. Use a white background, #202020 typography, #666666 excerpts, and softly coloured image frames or borders in coral, cyan, and lavender. Keep image corners around 20px, clamp excerpts, and make the entire card clickable with an understated hover lift.

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