Dev preview

Open Graph image preview

Each tile below renders the generated 1200×630 PNG for a different set of props. This page is noindex, not linked in nav/footer, and exists purely to eyeball the OgImageBrand template while iterating.

Homepage (live)

The exact props used by the homepage's defineOgImage call.

Open raw PNG ↗
Homepage (live) OG image preview
Props
{
  "title": "Modern OAuth single sign-on, built for WordPress",
  "description": "Connect Google, Azure AD, Okta, Auth0, or any OAuth 2.0 provider in minutes. Standards-compliant. Free to start.",
  "eyebrow": "OAuth 2.0 / OpenID Connect · for WordPress",
  "cta": "Install free on WordPress.org"
}

Short title

How the layout behaves when the headline is much shorter than the homepage copy.

Open raw PNG ↗
Short title OG image preview
Props
{
  "title": "Pricing",
  "description": "Four ways to use it. From free to unlimited.",
  "eyebrow": "From $99 / year",
  "cta": "See plans →"
}

Long title with a deliberately generous description that tests wrapping

Stress test for long strings. Satori wraps but doesn't auto-fit, so this is how we check the ceiling.

Open raw PNG ↗
Long title with a deliberately generous description that tests wrapping OG image preview
Props
{
  "title": "Everything you need to ship OAuth on WordPress, from day one",
  "description": "Role mapping, audit logs, custom attribute mapping, rate-limited callbacks, encrypted secrets, and six built-in provider guides. Nothing missing that a production site would need.",
  "eyebrow": "Features",
  "cta": "View all features →"
}

Blog post style

How a blog post headline would look — shorter eyebrow, softer description.

Open raw PNG ↗
Blog post style OG image preview
Props
{
  "title": "SSOPress v1.0.0 is live on WordPress.org",
  "description": "The first public release of SSOPress. Notes on why we built it, what's inside, and what comes next.",
  "eyebrow": "Blog · 14 April 2026",
  "cta": "Read the announcement →"
}

Minimal

No description, no eyebrow, no CTA override. Just a title on the default layout.

Open raw PNG ↗
Minimal OG image preview
Props
{
  "title": "SSOPress"
}