Kage Design logo kage
pinecomputer.io
Pine Computer call to action component

Design analysis

A centred, high-impact closing message leads directly into a simple email capture form. The stark composition and large type make the final conversion action unmistakable.

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/pine-computer/b47ce26e-68eb-4b09-b29e-15beff007c2f-1791612328-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/pine-computer/b47ce26e-68eb-4b09-b29e-15beff007c2f-1791612242987-full.webp
- Component on Kage: https://kage.design/component/pine-computer-cta

## Before you start
Ask the user what conversion action matters most, what incentive or qualification is appropriate, and how their brand should sound. Then create this CTA for that product.

Build a centred closing CTA on a pale grey-green background. Use a two-line, oversized bold headline with one short word highlighted by a mint rectangle. Place a small supporting line underneath, then a wide inline form with a plain email input and dark submit button containing a short action label and arrow. Keep the form easy to scan, with strong focus states, validation, and a stacked mobile layout. Leave substantial breathing room around the message and form so it feels like a conclusion rather than another content card.

Use #DDE2DC for the background, #07110D for type and button, #16E7A7 for the highlighted word, and #AEB8B0 for the input border. Use nearly square corners, 1px borders, bold condensed display typography, and concise helper/error text. Support keyboard submission, accessible labels, and a success state without leaving the page.

Never:
- use the reference CTA copy, product name, or exact headline
- reuse the reference form wording or logo
- add imagery or illustrations merely to fill space
- hide the purpose of the form behind vague copy

More components