Kage Design logo kage
mercury.com
mercury.com call to action component

Design analysis

A centered closing headline with two actions is followed by side-by-side cards for two audience paths, making the final conversion decision explicit.

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/mercury-com/99bed992-0157-4d82-b4d6-a0016ce1a166-1789141946-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/mercury-com/99bed992-0157-4d82-b4d6-a0016ce1a166-1789138980717-full.webp
- Component on Kage: https://kage.design/component/mercury-cta

## Before you start
Ask what the user's product, audience, and brand are, then apply the following principles to that product rather than copying the reference.

Create a closing conversion section on the dark background. Center a strong two-line headline, a primary filled CTA, and a secondary contact-style action. Beneath it, place two equal audience cards with distinct titles, one-sentence descriptions, and compact buttons so visitors can choose the path relevant to them. Use #171721 overall, #20202b cards, #6d63ff primary action, white headings, #9c9ca9 body text, 8–10px radius, and generous separation between headline and cards. Make the hierarchy obvious and ensure each card has a clear focus state.

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

More components