Open Graph templates
Six styles, one job
Every Oginify card lands in one of six fully designed Open Graph styles — each with its own type scale, palette, and anti-pattern list for 1200×630 share images.
An Open Graph card is the 1200×630 preview that appears whenever your link is shared on X, LinkedIn, Slack, Discord, Facebook, or iMessage. It is usually the first — and often the only — impression your page gets.
These six templates are not skins. They are full design systems: typography, spacing, hierarchy, and color rules tuned for legibility at 600×314 (the size your card is actually rendered at in most feeds). Pick by tone, not by topic — the same essay can ship as Magazine or Brutalist depending on the voice you want.
The Six Styles
Each card below previews the rendered 1200×630 output. Click any style to open the generator pre-seeded with that look.
Swiss Minimal
Engineered, quantified, decisive.
- Signature
- Inter Light display, single accent, hairline rules, left-aligned grid.
- Best for
- SaaS, dev tools, benchmarks, changelogs, comparison posts.
- Avoid for
- Lifestyle, narrative, storytelling content.
Magazine Editorial
Slow, considered, narrative.
- Signature
- Serif display, paper tones, large photo well, pull quotes.
- Best for
- Long-form essays, brand stories, founder letters, interviews.
- Avoid for
- API docs, status pages, raw data dashboards.
Terminal / CLI
Technical, hacker, dev-tool.
- Signature
- $> prompts, monospace, green-on-black, subtle scanlines.
- Best for
- CLIs, infra, SDKs, API references, developer changelogs.
- Avoid for
- Consumer marketing, lifestyle, B2C launches.
Brutalist
Raw, anti-convention, bold.
- Signature
- Black & white, max-weight type, hard corners, no gradients.
- Best for
- Design studios, manifestos, launches that need to stop the feed.
- Avoid for
- Enterprise, finance, anything that needs to feel safe.
Newspaper
Authoritative, timely, dense.
- Signature
- Multi-column, serif titles, dateline, classic broadsheet rules.
- Best for
- News, aggregators, research drops, time-sensitive announcements.
- Avoid for
- Evergreen marketing pages, evergreen tutorials.
Pixel Retro
Playful, nostalgic, indie.
- Signature
- Press Start 2P, 8-bit palette, chunky borders, hard pixel art.
- Best for
- Indie games, hackathons, retro communities, side projects.
- Avoid for
- Corporate, legal, healthcare, financial content.
Editable Layouts, If You Want to Tweak
Prefer to hand-edit copy, color, and font instead of starting from a style? These layouts open directly in the editor with editable text fields, color tokens, and font pairings — useful when you need a specific headline or brand color.
Site Hero
Page title + your own og:image side-by-side.
Brand Card
Big logo, big title, brand tint.
Minimal Editorial
Clean serif headline on cream.
Gradient Spotlight
Centered headline with glowing aura.
Bold Statement
Massive sans serif type.
Product Launch
NEW badge with gradient hero panel.
Magazine Cover
Editorial spine with italic serif.
Code Block
Split layout with mock editor.
Quote Card
Pull quote with author block.
Dark Terminal
Monospaced terminal aesthetic.
Template FAQ
How Oginify templates work — what's included, how to customize them, and how they keep every page on-brand.
How do the six visual styles map to my content?
Pick by tone, not topic. Swiss Minimal works for data-rich product pages and comparisons. Magazine Editorial fits long-form narrative and brand stories. Terminal/CLI signals technical, dev-tool content. Brutalist is for design-forward statements. Newspaper carries authority for news and aggregation. Pixel Retro suits games and indie communities.
Where do these styles come from?
They come from social-cards-skills, our open-source Agent Skills spec for programmatic OG image generation. Each style ships a Satori JSX seed template, color presets, font pairings, and an anti-pattern list — the same recipe Oginify uses behind the scenes.
What's included in an Open Graph template?
Each template is a complete, fully designed 1200 × 630 layout — typography, spacing, color treatment and image placement are all set. You start from a finished card and edit text, logo, and brand details to match your page.
Can I customize the colors and fonts?
Yes. Every template exposes its primary color, background style and font pairing. Change them to match your brand, drop in your own logo, and edit all the text. The layout stays balanced as you edit.
What size are the exported images?
All templates export at 1200 × 630 pixels, the universal Open Graph and Twitter Card size. One export renders cleanly across X, Facebook, LinkedIn, Slack and Discord without cropping.
Skip the template —
let AI design it.
Paste a URL and get four 1200×630 Open Graph cards generated for your page. No signup.