Workflow

Generate on-brand OG images automatically

Give Iris your brand guide and marketing docs. She builds the template; Spectra renders consistent Open Graph images for every page.

Input (JSON)
{
  "posts": [
    {"title": "How to launch a feature update", "type": "Blog"},
    {"title": "Design systems for scale", "type": "Guide"},
    {"title": "From roadmap to rollout", "type": "Announcement"},
    {"title": "Shipping consistent previews", "type": "Blog"}
  ]
}
spectra.render("og-template", data)
Outputs
Blog
How to launch a feature update
yourbrand.com
Announcement
From roadmap to rollout
yourbrand.com
Blog
Shipping consistent previews
yourbrand.com

The OG bottleneck

Manual Open Graph exports don't scale with your content.

🧩

One-off files everywhere

Blog posts, docs, product pages — each needs a unique image, each created by hand.

🎨

Brand drift

Different designers, different layouts. Your previews stop looking like your product.

🔁

Endless updates

Change the headline or launch date? You re-export every single OG image.

How it works

01

Give Iris your brand guide

Drop in your brand assets, typography, and tone. Iris designs the OG template for you.

02

Connect content data

Bind variables to page metadata or lists (CSV/JSON). Titles and subtitles update automatically.

03

Render every page

Spectra generates OG images for your full site and keeps them in sync.

Always on-brand

One template ensures every preview looks consistent across docs, blog posts, and landing pages.

Instant updates

Update a headline once and re-render every OG image in minutes.

Localized variants

Generate language-specific previews for international pages without manual design work.

Ship with consistent previews

Generate OG images for every page, instantly.

Start for free