Skip to main content

​
Pricing template

Code: pricing Pricing showcases a floating card with bold pricing information and an optional CTA button.

​
Layout anatomy

  • Central card with drop shadow over a subtle gradient background.
  • Huge price lockup (fed by the division parameter).
  • Supporting description for inclusions or plan name.
  • CTA button text sourced from brand or desc depending on copy length.

​
Best for

  • SaaS pricing tiers.
  • Membership or subscription promos.
  • Limited-time bundle announcements.
ParameterPurpose
divisionRender the price (e.g., $29/mo).
titlePlan name or campaign headline.
descBenefits or short pitch.
brandCTA label (“Get Started”, “Upgrade”).
primaryColorHighlights the CTA button + borders.

​
Example URL

https://gen.metakit.app/p/link/pricing.png?title=Metakit+Ultra&division=%2429%2Fmo&desc=Automation,+governance,+and+priority+support.&brand=Start+Free&primaryColor=%2322C55E
Pricing template preview Need to emphasize savings? Append text to the description (e.g., desc=Automation+stack+•+Save+35%). The layout automatically adjusts line breaks.