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

# Template Library

> All supported MetaKit Image API templates, universal options, and deep-dive links.

# MetaKit Image API – Templates Guide

This guide documents every MetaKit template used by the website graphics tool. Start here for universal customization, then jump into the dedicated sub-pages for implementation details, dynamic props, and best practices.

## Universal customization

All templates share a common set of parameters and styling hooks, so you can standardize how previews look across content types.

### Core content

* `title`: Primary headline or hero text.
* `desc`: Supporting copy or subtitle.
* `brand`: Display name in the footer or header.
* `division`: Eyebrow/badge text for categories, tags, or prices.
* `image`: Overrides the detected metadata image with a custom asset.

### Styling & theme

* `mode`: `light` (default) or `dark`.
* `theme`: Alias for `mode` or a specific theme preset.
* `primaryColor`: Main accent color for badges, buttons, and CTA highlights.
* `secondaryColor`: Supporting color used for borders or muted text.
* `accentColor`: High-contrast tone for CTAs or callouts.
* `background`: Background image URL.
* `filter`: Overlay intensity for background images (`light`, `dark`, or opacity `0.1`–`1.0`).
* `font`: Custom font family.

These parameters can be combined with template-specific props covered in each sub-page.

***

## Template directory

| Template  | Code        | Best for                               | Reference                                    |
| --------- | ----------- | -------------------------------------- | -------------------------------------------- |
| Clean     | `clean`     | Blogs, docs, general previews          | [View guide](/image-api/templates/clean)     |
| Bold      | `bold`      | Feature reveals, big statements        | [View guide](/image-api/templates/bold)      |
| Elegant   | `elegant`   | Luxury or formal events                | [View guide](/image-api/templates/elegant)   |
| Article   | `article`   | Editorial or news content              | [View guide](/image-api/templates/article)   |
| Promo     | `promo`     | Product drops, campaigns               | [View guide](/image-api/templates/promo)     |
| Pricing   | `pricing`   | Plans, subscriptions                   | [View guide](/image-api/templates/pricing)   |
| Wedding   | `wedding`   | Invitations, save-the-dates            | [View guide](/image-api/templates/wedding)   |
| Event     | `event`     | Webinars, conferences, launches        | [View guide](/image-api/templates/event)     |
| Highlight | `highlight` | Logo-first hero or partner badges      | [View guide](/image-api/templates/highlight) |
| Docs      | `docs`      | API references, changelog, help center | [View guide](/image-api/templates/docs)      |

Use the `/templates` playground to preview any layout instantly. When you’re ready to productionize, plug the same parameters into the URLs documented in each template page and update your `og:image`/`twitter:image` tags accordingly.