descript.com
Design analysis
The final dark CTA restates the broad value proposition, offers two contrasting actions, and closes with a row of varied media tiles that makes the product feel tangible.
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/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146912-8.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146857587-full.webp - Component on Kage: https://kage.design/component/descript-cta ## Before you start Ask what final action the user wants visitors to take and what proof or examples would make that action feel safe. Apply the structure to the user's brand and product. Create a dark closing CTA band with a large left-aligned or centered headline, a short paragraph describing the product's broad value, and two buttons: vivid primary action and quieter secondary/demo action. Below, place a three-tile media strip with varied aspect ratios or content types, rounded corners, and consistent gutters. The media should demonstrate outcomes or workflows rather than function as unrelated decoration. Use deep burgundy #43071b, warm white #fff5f0, coral #ff4d4d, muted mauve #b88c97, and dark secondary button #633c49. Give the text block 72–96px top padding, buttons 12–14px radius, and media tiles 8–12px radius. Ensure both CTAs have clear focus/hover states and that media has captions or alt text. Stack tiles vertically on small screens. ### Never - Never use the reference's headline, product name, CTA copy, videos, stills, or imagery. - Never place two buttons with indistinguishable priority or use inaccessible autoplay media.
kage