jackalope.dev
Design analysis
A high-contrast indigo conversion band uses a short promise, a clear email field, and a direct submit button while retaining a spacious branded composition.
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/jackalope/0b3edf93-8385-4e4a-8f92-3c01052ad81d-1789193038-8.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/jackalope/0b3edf93-8385-4e4a-8f92-3c01052ad81d-1789192903236-full.webp - Component on Kage: https://kage.design/component/jackalope-cta ## Before you start Ask what conversion action the user's product needs, what incentive or promise should accompany it, and what legal consent text is required. Build the CTA around that information. Create a full-width high-contrast signup CTA with a large white heading on the left, a short supporting sentence, and an inline email form containing a wide input and compact submit button. Add a small consent line and an optional checkbox beneath. Use a saturated indigo background near #5949ef, white type, a white input surface, and a slightly darker or white-outlined button. Use 48–64px heading typography, 14px supporting text, 12px input/button radii, 16px form gap, and generous horizontal/vertical padding. Include clear validation, loading, success, and error states, and stack the form vertically on small screens. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage