Design Tools
Social cards that earn the click.
Design link-preview images for your posts and pages — gradients, patterns, bold typography — export pixel-perfect OG images and the meta tags to go with them.
Ship your next big thing
The launch checklist every indie maker actually needs
by Alex Rivera
yoursite.com
Designed in OGStudio · exported as a 1200×630 PNG, meta tags included.
A real canvas designer
Everything renders live on an HTML canvas — gradients, overlay patterns, multi-line titles — so the PNG you export is exactly the preview you saw.
The three sizes that matter
One click switches between OG 1200×630, X large 1600×900 and 1080×1080 square. Your layout scales proportionally, so nothing breaks when you resize.
Backgrounds with taste
Eight curated gradients, four solids, or your own two-color gradient at any angle — plus subtle dot-grid, stripe and ring overlays for texture.
Typography that wraps itself
Titles word-wrap automatically inside a width you control. Tune size, weight, color, alignment and vertical position until it reads like a headline.
Meta tags included
OGStudio generates the og:image and Twitter-card HTML block for your design. Copy it, swap in your hosted image URL, ship it.
Your brand on every card
Drop an emoji or image logo into any corner and add a bottom bar with your site name and accent stripe, so every link preview looks unmistakably yours.
How it works
Pick a template
Start from one of five designer-made starting points — gradient pop, editorial dark, minimal light and more.
Type your title
Your headline wraps and positions itself live on the canvas. Adjust colors, pattern and logo until it clicks.
Export & ship
Download the PNG, copy the generated meta tags into your page's head, and watch your links earn the click.
Simple, honest pricing
Start free. Upgrade when it earns its keep.
Lifetime
Pay once$19 one-time
- ✓ Unlimited saved designs
- ✓ No watermark
- ✓ All templates & patterns
- ✓ OG, X and square presets
- ✓ Meta-tag snippet generator
Frequently asked questions
What size should OG images be?
1200×630 is the safe standard — it's what Facebook, LinkedIn, Slack and iMessage expect, and X renders it cleanly too. OGStudio defaults to it, with 1600×900 for large X cards and 1080×1080 for square placements one click away.
Does my design get uploaded anywhere?
No. The whole designer runs in your browser — the card is drawn on a local canvas and the PNG is generated on your machine. Only the design settings you explicitly save are stored in your account, never the rendered image.
Can I use custom fonts?
OGStudio renders with your system's native font stack (the same one GitHub and Stripe use for UI), which keeps cards crisp and loads nothing remotely. Custom web-font support isn't available yet, but bold weights and sizes give you plenty of range.
Is the $19 really one-time?
Yes — Lifetime means lifetime. Pay once and you get unlimited saved designs, all five templates, full-resolution exports and no watermark, forever. No subscription, no renewal.
How do I actually use the exported image?
Host the PNG anywhere — your site's /public folder, an S3 bucket, a CDN — then paste the meta-tag snippet OGStudio generates into your page's <head> and replace the placeholder URL with the real one. Done.
Your links are getting skipped. Fix the preview.
Free to start. $19 once when you outgrow it.
Open OGStudio