Kage Design logo kage
huly.io
huly.io call to action component

Design analysis

A dark closing CTA uses a dramatic circular abstract visual on the left and a concise action block on the right with two contrasting buttons.

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/huly-io/19c62401-9349-4b6e-b026-941cb593ca56-1790434842-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/huly-io/19c62401-9349-4b6e-b026-941cb593ca56-1790434806578-full.webp
- Component on Kage: https://kage.design/component/huly-cta

## Before you start
Ask what the user's main conversion goal is, what action should be primary, and what brand mood should close the page. Use original messaging and artwork.

Create a dark closing CTA band with a near-black background (#080a0d). Arrange a large abstract circular device, clock, orb, or other product-relevant visual on the left, surrounded by warm orange and cool electric-blue beams; keep it decorative and partially cropped for energy. On the right, place a bold two-line white heading around 50–60px, a short muted paragraph, and two horizontal actions. Make the primary action a light pill with dark text and a subtle warm glow; make the secondary action a dark outlined pill with a small colorful service/icon accent. Use a max-width container, 60–90px vertical padding, generous column gap, and a responsive single-column layout on mobile. Ensure the visual supports rather than overwhelms the CTA.

Never use the reference logo, product name, exact copy, illustrations, screenshots, or imagery.

More components