Product template

Device Frame Open Graph image template

Embed a screenshot inside a browser or phone frame with depth, a title, and a caption.

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

4 ready-made presets

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

Browser Dark“Introducing the new dashboard”Faster insights, cleaner design.Open this preset →Browser Light“Ship your product story”Show, don't tell — frame your screenshots.Open this preset →Phone“Now on iOS and Android”Your workflow, in your pocket.Open this preset →Floating“A product that speaks for itself”Crafted pixels, framed beautifully.Open this preset →

What you can edit

The Device Frame template has 3 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
Title*	Single line	60 chars	Introducing the new dashboard
Screenshot	Image	—	Upload a screenshot
Caption	Multi-line	80 chars	A short supporting line

* 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 Device Frame template lets you tune:

Background color & style
Gradient fills
Background image
Fonts, size & alignment
Logo placement
Platform size switching
Vignette

When to use it

The Device Frame 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 device frame card now

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

Open in the editor