Templates Overview

OG Image API includes 10 professionally designed templates covering every major use case.

Template Gallery

MVP Templates (Always Available)

Template	ID	Best For	Dimensions
Title + Subtitle	default	Blog posts, articles	1200×630
Blog Post	blog	Content marketing	1200×630
Product Card	product	E-commerce	1200×630
Profile Card	profile	Team pages, directories	1200×630
Real Estate	realestate	Property listings	1200×630
E-commerce Grid	grid	Product collections	1200×630

Advanced Templates

Template	ID	Best For	Dimensions
Stats Card	stats	Dashboards, metrics	1200×630
Event	event	Webinars, conferences	1200×630
Social Share	social	Viral content	1200×630
Meme Generator	meme	Marketing memes	1200×630

Themes

Every template supports both themes:

Dark Theme

• Deep, rich background colors
• White/light text for contrast
• Professional, modern aesthetic
• Best for: tech, SaaS, developer content

Light Theme

• Clean, bright backgrounds
• Dark text on light backgrounds
• Fresh, approachable feel
• Best for: lifestyle, corporate, general content

Choosing the Right Template

┌─────────────────────────────────────────────────────────────┐
│                    What are you creating?                    │
└─────────────────────────────────────────────────────────────┘
                              │
          ┌───────────────────┼───────────────────┐
          │                   │                   │
     ┌────▼────┐        ┌────▼────┐        ┌────▼────┐
     │  Blog   │        │Commerce │        │ Business│
     │ Content │        │         │        │         │
     └────┬────┘        └────┬────┘        └────┬────┘
          │                  │                  │
    ┌─────┴─────┐      ┌─────┴─────┐      ┌─────┴─────┐
    │           │      │           │      │           │
┌───▼───┐  ┌───▼───┐  ┌───▼───┐  ┌───▼───┐  ┌───▼───┐
│default│  │ blog  │  │product│  │ grid  │  │ stats │
└───────┘  └───────┘  └───────┘  └───────┘  └───────┘
 Simple     Author    Single    Multiple   Metrics
  post       info     product   products   & KPIs

Template Fields Reference

Common Fields (All Templates)

Field	Type	Description
title	string	Main headline text
subtitle	string	Secondary descriptive text
theme	string	dark or light
logo_url	string	Brand logo URL

Template-Specific Fields

Blog Template

{
  "author_name": "string",
  "author_avatar_url": "string",
  "reading_time": "string"
}

Product Template

{
  "product_image_url": "string",
  "price": "string",
  "original_price": "string",
  "brand": "string",
  "rating": "number (0-5)",
  "badge": "string"
}

Profile Template

{
  "name": "string",
  "role": "string",
  "avatar_url": "string",
  "tagline": "string"
}

Real Estate Template

{
  "property_image_url": "string",
  "address": "string",
  "price": "string",
  "beds": "number",
  "baths": "number",
  "sqft": "string"
}

Stats Template

{
  "stat_value": "string",
  "stat_label": "string",
  "trend_icon": "up|down|neutral",
  "trend_value": "string"
}

Event Template

{
  "date": "string",
  "time": "string",
  "location": "string",
  "speaker_name": "string",
  "speaker_avatar_url": "string"
}

Grid Template

{
  "grid_images": ["url1", "url2", "url3", "url4"],
  "grid_title": "string"
}

Meme Template

{
  "image_url": "string",
  "caption_top": "string",
  "caption_bottom": "string"
}

Image Specifications

All templates generate images with these specifications:

Property	Value
Width	1200px
Height	630px
Format	PNG
Color Space	sRGB
Aspect Ratio	1.91:1

Platform Compatibility

Generated images are optimized for:

Platform	Dimensions	Status
Twitter/X	1200×630	✅ Optimal
Facebook	1200×630	✅ Optimal
LinkedIn	1200×630	✅ Optimal
Discord	1200×630	✅ Optimal
Slack	1200×630	✅ Optimal
WhatsApp	1200×630	✅ Optimal
iMessage	1200×630	✅ Optimal

Typography

All templates use carefully selected fonts:

Element	Font	Weight	Size Range
Title	Inter	Bold (700)	48-64px
Subtitle	Inter	Regular (400)	24-32px
Body	Inter	Regular (400)	18-24px
Caption	Inter	Medium (500)	14-18px

Next Steps

• Explore individual template documentation
• See code examples for your language
• Learn about best practices