Kage Design logo kage
hireotto.com
HireOtto call to action component

Design analysis

A dark rounded CTA closes the marketing narrative with a small accent icon, a large centered invitation, supporting line, and one bright action.

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/hireotto/8f3068d7-46ca-4868-8ee8-837dc9e1c249-1790488908-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/hireotto/8f3068d7-46ca-4868-8ee8-837dc9e1c249-1790488876025-full.webp
- Component on Kage: https://kage.design/component/hireotto-cta

## Before you start
Ask what the user's product, audience, and brand are, then apply the principles below to that product rather than reproducing this reference.

Create a high-impact closing CTA in a centered dark rounded panel. Use deep blue-black (#071820), a 16px radius, a faint border, and very subtle oversized circular line decorations only if they remain behind the content. Center a small lime icon tile, a tiny uppercase eyebrow, a large white multiline heading, a muted supporting sentence, and a lime primary button beside a quiet text link. Use 48–64px heading type, 14–15px body copy, 12–13px buttons, and ample internal padding. Ensure the CTA has clear contrast, a generous hit target, visible focus states, and stacks cleanly on mobile.

### Never
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never add distracting animation or multiple equal-priority conversion buttons.

More components