hireotto.com
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.
kage