mercury.com
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.
kage