Product template

Roadmap Open Graph image template

A product roadmap card with an eyebrow, bold title, and subtitle over three Now / Next / Later columns — each a card with a colored status dot and a bulleted list parsed from its slot, with the Now column accented.

It's built for the standard 1200×630 (1.91:1) share card and exports at 2× (2400×1260) for high-DPI screens. Customize the text, colors, fonts, and logo in your browser, then download a PNG — free, no signup, nothing uploaded.

Customize this template More product templates

3 ready-made presets

Each preset is a one-click starting look for the Roadmap template — a different color and type combination you can still fully edit.

Midnight“What we're building next”A look at where the product is headed this quarter.Open this preset →Daylight“The road ahead for Stacklight”Shipping in priority order — here's the current plan.Open this preset →Mint“Where Tidepool is headed”Three lanes, one quarter — built in the open with you.Open this preset →

What you can edit

The Roadmap template has 6 editable content fields. Recommended lengths keep your copy inside the safe area so nothing clips when the card is cropped.

Field	Type	Max length	Example
Eyebrow / kicker	Single line	30 chars	Product Roadmap
Title*	Single line	44 chars	What we're building next
Subtitle	Single line	80 chars	A look at where the product is headed this quarter.
Now (one item per line, max 3)	Multi-line	110 chars	Realtime collaboration Faster exports Dark mode polish
Next (one item per line, max 3)	Multi-line	110 chars	Mobile app beta Team workspaces Version history
Later (one item per line, max 3)	Multi-line	110 chars	Public API Offline mode Plugin marketplace

* required field. Tip: keep your “Title” short and punchy — the shorter the copy, the larger and more legible it renders in the feed.

Styling you control

Beyond the words, the Roadmap template lets you tune:

Background color & style
Gradient fills
Grid & pattern overlays
Fonts, size & alignment
Logo placement
Platform size switching
Film-grain / noise
Vignette

When to use it

The Roadmap template lives in the product collection — make launches and features look like a real product. Reach for it specifically when one of these fits:

A product or feature launch
A pricing or plan announcement
A SaaS landing page
A changelog or release note

See the full product template collection or read Best OG templates for SaaS launches.

More product templates

AI AppA modern AI / LLM product hero: a sparkle product lockup with an AI badge, a value headline, subtitle and get-started CTA, beside a chat mockup showing a user prompt and an AI reply (or your own screenshot).Alternative ToA high-intent switch / SEO comparison card: an eyebrow badge above a big product name, a quieter struck-through generic category it replaces, a subtitle, up to three check-bullet differentiators, and a Make-the-switch CTA pill with a swap motif.App HeroA soft, app-store-style hero: a large rounded app icon centered above the app name, a one-line tagline, a star rating, and a Get/Download pill button on a warm light background.App OnboardingAn app onboarding-walkthrough card: an Onboarding badge, product lockup (your uploaded icon/logo, or a letter-mark fallback), value headline, subtitle and get-started CTA over a row of three phone screens, each holding a screenshot with a captioned step.App PaywallAn in-app subscription / go-premium paywall card: a marketing headline and free-trial CTA on the left, and a phone mockup whose screen is the paywall — a premium mark, benefits checklist, and a monthly/annual billing toggle with the featured plan highlighted.App PrivacyA privacy-first app-permissions card: a Privacy badge, an app lockup, a reassuring headline and subtitle, and a permissions panel of up to four rows whose toggle/state look is derived from each row's on/off/ask state word.

Make your roadmap card now

Free, private, and 100% in your browser — no signup, no watermark, nothing uploaded.

Open in the editor