mercury.com
Design analysis
A trust-focused section uses a short heading and three illustrated product cards to explain protection, account security, and controls.
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-1789141945-8.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-feature-grid-5 ## 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 security feature band with an outcome-focused heading and three equal cards. Each card should contain a tall abstract UI or security visualization, a clear security capability title, and brief supporting copy. Use a restrained palette: deep navy #171721, charcoal cards #252532, off-white visuals #f1f1ed, and a cool lavender accent #8585a8. Keep card corners around 8–10px, use subtle borders, and make the cards feel calm and trustworthy rather than alarmist. Stack cards on mobile and preserve minimum text size of 13px. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage