## 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-1789146456-4.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-cta

## 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 prominent centered CTA panel with a lightly elevated white surface, soft shadow, and a large corner radius. Place a short heading, two or three lines explaining the benefit, and one dark pill-shaped signup button in the visual center. Add a few small circular avatars, abstract stickers, or product-specific decorative tokens around the perimeter, keeping them subordinate to the message and hiding or repositioning them on mobile. Use a spacious 48–80px internal padding, 32–40px heading size, 15–17px body copy, #FFFFFF panel, #F7F7F7 page, #202020 text, #222222 button, and accents around #F45B89, #8C78E8, and #61D7D0. Radius should be 28–40px with a very soft shadow and no heavy border.

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