Steps OG image template

How-to layout with three numbered circle chips and labels.

How-to layout with three numbered circle chips and labels. Suggested for tutorials, API references, and how-to guides. Example: a docs article with a step or API method in the title. Template "Steps" (id steps).

Palette

Canvas

og 1200×630 x 1600×900 square 1200×1200 thumb 600×315

Format

Kicker

Small uppercase label / pill. Ignored when a kicker image is set.

Kicker image

Logo in the kicker slot. Replaces the kicker text.

Choose image

or drop / paste a file

Title

Headline text

Subtitle

Subtitle under the headline

Step1

First step label

Step2

Second step label

Step3

Third step label

Logo

Small mark, corner-anchored

Choose image

or drop / paste a file

Brand

Site/brand name, bottom corner

Image URL for og:image

Render, save, and copy a stable /u/… URL. Do not paste the live preview URL into og:image.

Pro

1200 × 630 px · PNG

Pro ($19.99/mo) unlocks JPEG/WebP, a CDN URL that never expires, an API key (1000 renders/month), render history, and an ad-free editor. See plans.