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

Design analysis

A rounded orange closing CTA repeats the product promise with two actions, subtle floating technical motifs, and a benefit strip along its bottom edge.

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/cloudflare-com/1ca6ff30-a094-43e2-8124-fd26c9356e55-1789213792-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cloudflare-com/1ca6ff30-a094-43e2-8124-fd26c9356e55-1789213761908-full.webp
- Component on Kage: https://kage.design/component/cloudflare-cta

## Before you start
Ask what action the user should take next, what commitment is required, and which proof or reassurance reduces friction. Apply this conversion pattern to that product.

Create a wide closing CTA with a rounded rectangle, a vivid brand background around `#ff5a1f`, subtle low-contrast abstract motifs, and centered white content. Use a concise heading around 36–48px, one explanatory paragraph, and two actions: a high-contrast filled or light primary button and a lower-emphasis secondary link/button. Add a thin benefit strip at the bottom only if it communicates 3–4 genuine reassurances; separate items with spacing rather than heavy rules. Keep the section visually distinct but consistent with the hero, provide strong focus states, and stack actions on mobile.

### Never
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never repeat the exact hero CTA or unsupported promises.
- Never use decorative motifs that resemble proprietary artwork.

More components