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