Kage Design logo kage
lu.ma
lu.ma call to action component

Design analysis

A large quiet whitespace band ends the content with a short optimistic two-line message and two contrasting actions, one outlined and one subdued.

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/lu-ma/a4be0bf4-46ad-4066-8582-e9890f24d9e0-1789146185-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lu-ma/a4be0bf4-46ad-4066-8582-e9890f24d9e0-1789146157883-full.webp
- Component on Kage: https://kage.design/component/lu-ma-cta

## Before you start
Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Write a fresh closing message and apply this layout to that product.

Create a spacious centered closing CTA with a short two-line headline in a vivid but refined accent gradient or solid accent color. The headline should feel optimistic and memorable without becoming oversized. Place two horizontally aligned actions underneath: a bordered pill for the primary discovery action and a lighter secondary action for an adjacent channel such as mobile, demo, or learn more. Use ample vertical padding, white background, heading size around 28–32px with 1.1 line-height, and 14px buttons at 36–40px height. Use #b83b9f or another brand-appropriate accent, #222222 for the outlined button text, and #f3f3f3 for the secondary surface. Keep the CTA centered and visually separate from the footer with whitespace rather than a heavy divider.

Never: use the reference's logo, product name, copy, illustrations, imagery, or exact CTA wording.

More components