resurf.so
Design analysis
A simple closing CTA repeats the product promise, provides one strong download action, and adds a small compatibility note without adding competing content.
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/resurf/ff64fde5-ed9d-4c90-b5a1-3641329afaa7-1789365708-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/resurf/ff64fde5-ed9d-4c90-b5a1-3641329afaa7-1789365667481-full.webp - Component on Kage: https://kage.design/component/resurf-cta ## Before you start Ask what the user's primary conversion is, which platforms or plans are available, and what final reassurance removes hesitation. Apply those answers to this closing CTA. Create a centered closing call-to-action with a two-line editorial serif heading, one dark rounded button, and a small muted line beneath it describing eligibility, pricing, trial, or platform support. Keep the section visually quiet and spacious so the action feels intentional after the product showcase. Use `#fafafa` background, `#202020` heading and button, white button text, and `#858585` supporting text. Use a 36–46px heading, 14px button text, 10px radius, 16px horizontal padding, and 72–104px vertical spacing. Include a clear hover state and a visible keyboard focus ring; on mobile, let the button reach a comfortable tap width. ### Never - Never use logos, product names, copy, illustrations, or imagery from the reference. - Never add multiple competing CTAs at the very end. - Never hide important pricing or platform conditions in tiny text.
kage