> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metakit.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Pricing Template

> Tier-focused layout for SaaS plans and subscription offers.

# 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.

## Recommended parameters

| Parameter      | Purpose                               |
| -------------- | ------------------------------------- |
| `division`     | Render the price (e.g., `$29/mo`).    |
| `title`        | Plan name or campaign headline.       |
| `desc`         | Benefits or short pitch.              |
| `brand`        | CTA label (“Get Started”, “Upgrade”). |
| `primaryColor` | Highlights 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](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)

Need to emphasize savings? Append text to the description (e.g., `desc=Automation+stack+•+Save+35%`). The layout automatically adjusts line breaks.