Call to action prompt
The closing push: a band, card, split or minimal line.
Prompt
Prompt
Use the klarhimmel-design skill. Close {page} with one call to action: {action}, for {audience}. Install: npx shadcn add @klarhimmel/cta-band @klarhimmel/cta-card @klarhimmel/cta-split @klarhimmel/cta-minimal (remove what you do not use) Pick: - cta-band: a contrasting panel; the default closer - cta-card: a contained card with reassurances - cta-split: a panel with an image - cta-minimal: a headline and one arrow link Props: title ≤120, description ≤240; primary and optional secondary as { label, href }; cta-card adds points (no card needed, cancel any time). Copy: One ask. The label says what happens next. Reassurances are facts ("cancel any time"), not hype. Accessibility: Use the inverse or accent tone once on the page, and check contrast in the tone you choose. Two buttons must not look equally primary. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: one primary action; secondary is visibly quieter; used once per page.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{page} | The page it ends | the pricing page |
{action} | The one next step | Start a free trial |
{audience} | Who it is for | Hotels with 10 to 40 rooms |
Blocks it uses
A good result
One primary action. Secondary is visibly quieter. Used once per page.
- [ ] one primary action
- [ ] secondary is visibly quieter
- [ ] used once per page