Kage Design logo kage
composio.dev
Composio Instant call to action component

Design analysis

A centered promotional callout uses the same atmospheric gradient language, a short offer, CTA, and a wallet/card visual anchored below.

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/composio-instant/90b73b03-e2b9-4385-8074-6e8e2bc32f62-1792562872-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/composio-instant/90b73b03-e2b9-4385-8074-6e8e2bc32f62-1792562787795-full.webp
- Component on Kage: https://kage.design/component/composio-instant-cta

## Before you start
Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Apply the following principles to that product rather than copying the reference.

Create a full-width promotional CTA band with a soft blue/cyan gradient and centered heading, supporting text, and dark button. Add a partially visible finance, wallet, or usage visual beneath the button to make the offer tangible without dominating the message. Use 30–40px vertical padding, a 32px heading, 14px copy, 12px button text, subtle rounded corners, and a small shadowed visual card. Keep contrast high and preserve generous empty space.

Never: use logos, product names, copy, illustrations, or imagery from the reference.

More components