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

# Highlight Template

> Logo-forward layout for partner spots, brand launches, and hero callouts.

# Highlight template

**Code:** `highlight` (alias: `logo`)

Highlight strips the card down to essentials so the logo or icon becomes the hero.

## Layout anatomy

* Massive centered logo or icon fed via `image`.
* Minimal tagline lifted from `title` or `desc`.
* Optional badge (`division`) for phrases like “Featured Partner”.
* Clean background that can adopt `primaryColor` or stay neutral.

## Best for

* Brand kits and press pages.
* Partner spotlights or ecosystem pages.
* Social posts announcing integrations.

## Recommended parameters

| Parameter      | Purpose                                                  |
| -------------- | -------------------------------------------------------- |
| `image`        | Transparent PNG/SVG logo (ideally 800×800).              |
| `title`        | Short tagline or company name.                           |
| `division`     | Badge like “Integration” or “Partner”.                   |
| `primaryColor` | Background color (pair with `mode=dark` for neon logos). |
| `accentColor`  | Outline/glow around the card.                            |

## Example URL

```
https://gen.metakit.app/p/link/highlight.png?title=MetaKit+x+Firecrawl&division=Integration&image=https://images.metakit.app/metakit-logo.png&primaryColor=%23090E1B&accentColor=%2322C55E&mode=dark
```

![Highlight template preview](https://gen.metakit.app/p/link/highlight.png?title=MetaKit+x+Firecrawl\&division=Integration\&image=https://images.metakit.app/metakit-logo.png\&primaryColor=%23090E1B\&accentColor=%2322C55E\&mode=dark)

If the logo already has dark edges, consider `mode=light` plus `filter=light` to keep it crisp. The template automatically scales the asset to avoid clipping.
