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

# How to set up image generators for on-brand blog images

> Set up a branded image generator once so every blog post gets on-brand featured, OG, and CTA images.

Set an image generator up once and every blog post comes out on-brand: the featured image at the top, the OG image for social previews, and the CTA banners that get inserted into the body. The quickest way is to ask Pi. Send `help me setup my image generator for [domain]` and paste a screenshot of your site; Pi reads your colors, fonts, and logo and builds the brand for you. You can also build one by hand under Settings, in **Image Generator** (`/app/image-generator`). Once it's set up, [creating a post](/platform/creating-blogs) and [refiners](/platform/set-up-refiners) can pull these images in for you.

<iframe src="https://www.loom.com/embed/da6ddf26720147bb9cde9c6537a7e9ae" frameBorder="0" allowFullScreen style={{ width: '100%', aspectRatio: '16 / 9', borderRadius: '0.5rem' }} />

## Ask Pi to set it up

The fastest path. Give Pi the domain and a screenshot of the site in the same message:

```text theme={null}
help me setup my image generator for [domain]
```

Pi looks at the styles, the main colors, and the logo on your site and pieces them together into a brand template.

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generator-pi-setup-prompt.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=a2aec2fbe21da028a8033a1bccf30516" alt="Asking Pi to set up the image generator for a domain, with a screenshot pasted in" width="1362" height="546" data-path="images/platform/image-generator-pi-setup-prompt.png" />
</Frame>

When it finishes, Pi shows you exactly what it configured: background, text and accent colors, font, logo, and the three template tokens it created (`dyn-featured-[slug]`, `dyn-cta-[slug]`, `dyn-list-[slug]`).

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generator-pi-setup-result.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=0d2df2829ebddf1c5e1753879323b2ce" alt="Pi's summary of the brand colors, font, logo, and template tokens it configured" width="1352" height="624" data-path="images/platform/image-generator-pi-setup-result.png" />
</Frame>

## Find it in the app

Open **Image Generator** from the left sidebar, under Settings.

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generator-sidebar-nav.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=7f40f5970f36b777aab36ff3358553d5" alt="Image Generator in the left sidebar under Settings" width="937" height="583" data-path="images/platform/image-generator-sidebar-nav.png" />
</Frame>

If Pi already set one up, it shows under Dynamic Brand Templates. Refresh the page if it isn't there yet. Each brand is one card, with a **Remove** control and a way into the editor.

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generators-list.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=c1f11a06a385aa701bb7533bda008088" alt="The Image Generators page with a saved brand template card" width="1355" height="623" data-path="images/platform/image-generators-list.png" />
</Frame>

## What you can edit

Open the brand to tune it by hand, or to check what Pi built. You control the base and text colors, the accent color, the font, and the logo (URL, color mode, size, and placement). A live preview on the right shows each variant:

* Featured is the image at the top of a post, also used as the OG image for social and share previews.
* Banner is the CTA image that gets inserted into the article body, with its own button text.
* List is for list and summary images.

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generator-brand-editor-featured.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=64b415d5e4c2685e3eb41f6e82129bd2" alt="The brand editor with the Featured variant preview" width="1649" height="843" data-path="images/platform/image-generator-brand-editor-featured.png" />
</Frame>

Switch tabs to preview each one. Each variant can inherit the brand defaults or override them.

<Frame>
  <img src="https://mintcdn.com/synscribe/XrQ0E9JXai2aVK4a/images/platform/image-generator-brand-editor-banner.png?fit=max&auto=format&n=XrQ0E9JXai2aVK4a&q=85&s=9ecf6513c4fb67594f2642875b444f28" alt="The Banner variant preview in the brand editor" width="1612" height="790" data-path="images/platform/image-generator-brand-editor-banner.png" />
</Frame>

## Set it as the default

For a brand to auto-apply to every generated article, add it as an image generator: on the Image Generators page, click **Add New Image Generator**, enter the featured token (`dyn-featured-[slug]`), and set it as the default.

## Use it

Two ways the images get used:

* Automatically, once the brand is the default. Generated posts pick up the featured image, and refiners can insert the CTA banner into the body. That auto-insertion is the [refiner](/platform/set-up-refiners) step.
* On demand. Tell Pi you made a blog post and want an image, then copy the result and drop it wherever you need it.

**Next:** [Set up refiners](/platform/set-up-refiners)
