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

# Promo Template

> Split-background marketing card built for launches and campaigns.

# Promo template

**Code:** `promo`

Promo emphasizes product drops with diagonal backgrounds, CTA styling, and high-energy composition.

## Layout anatomy

* Split background with angled color block.
* Eyebrow text (defaults to “NEW ARRIVAL”) sourced from `division`.
* CTA treatment below the copy that mimics a button.
* Optional product image slot sourced from `image`.

## Best for

* E-commerce campaigns.
* Product feature announcements.
* Seasonal promotions and discounts.

## Recommended parameters

| Parameter | Purpose |
| - | - |
| `division` | Replace the eyebrow (“New drop”, “Launch week”). |
| `primaryColor` | Drives the diagonal background slice. |
| `accentColor` | CTA button + emphasis color. |
| `image` | Product photography or screenshots. |
| `desc` | Short supporting line (ideal for value props). |

## Example URL

```
https://gen.metakit.app/p/square/promo.png?title=Site+Reports+Ultra&desc=Full-stack+metadata+audits+with+impact+scoring.&division=Launch+Week&brand=MetaKit&primaryColor=%2322C55E&accentColor=%230A0A0A
```

![Promo template preview](https://gen.metakit.app/p/square/promo.png?title=Site+Reports+Ultra\&desc=Full-stack+metadata+audits+with+impact+scoring.\&division=Launch+Week\&brand=MetaKit\&primaryColor=%2322C55E\&accentColor=%230A0A0A)

For “price slash” messaging, pass the discount inside `division` (e.g., `division=50%25+OFF`). The template automatically styles the text as a badge.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.