OG image inspiration

Browse og image inspiration built from our free templates — filter by category, read design tips, then open the generator.

Original SocialImageKit layouts only — not screenshots of other brands. Each card links to the free generator with a matching template. Target size is 1200×630. For bad-vs-good mistakes see /og-image-examples/.

  • Blog

    Editorial rule

    A clean horizontal rule separates site name from the headline — classic for long-form posts.

    1200×630 · Minimal rule + byline stack

    • Keep the title under ~70 characters so it stays readable at thumbnail size.
    • Prefer high-contrast text on a light or dark field; avoid busy photos behind type.
    • Leave ~40px padding from the safe crop edges of 1200×630.
    Open in generator
  • Blog

    Byline card

    Author and section cue sit under the title for magazine-style shares.

    1200×630 · Title + author footer

    • Use the subtitle field for author or series name.
    • Avoid putting faces near the right edge — platforms often crop social cards.
    Open in generator
  • Business

    Product feature

    Bold gradient field with a short product claim — works for SaaS launches.

    1200×630 · Gradient hero claim

    • Lead with benefit language, not feature jargon.
    • One accent color is enough; gradients should stay subtle for compression.
    Open in generator
  • Ecommerce

    Offer split

    Split layout leaves room for a short offer line and site name.

    1200×630 · Split offer panel

    • Put the price or offer in the subtitle — keep the title product-focused.
    • Test WhatsApp crop: critical text should sit in the center third.
    Open in generator
  • Developer

    Terminal dark

    Dark developer aesthetic with monospace cues for docs and repos.

    1200×630 · Dark console feel

    • Use package or repo names as the subtitle.
    • Avoid light-gray-on-dark that fails contrast after JPEG recompression.
    Open in generator
  • Developer

    API endpoint

    Structured layout suited to changelogs and API announcements.

    1200×630 · Spec / API card

    • Keep endpoint paths short; truncate long URLs in the subtitle.
    • Pair with twitter:card summary_large_image for docs hubs.
    Open in generator
  • Personal brand

    Quote mark

    Centered quote layout for personal essays and thought leadership.

    1200×630 · Centered quotation

    • Quotes over ~140 characters wrap poorly — trim aggressively.
    • Attribution belongs in the subtitle, not the title.
    Open in generator
  • Announcement

    Event center

    Centered announcement with date/place cues in the subtitle.

    1200×630 · Centered event frame

    • Put the date in ISO or local readable form in the subtitle.
    • Avoid tiny logos — they disappear in LinkedIn’s crop.
    Open in generator
  • Announcement

    Digest stack

    Newsletter-style stack for weekly digests and product updates.

    1200×630 · Newsletter digest

    • Use issue number or week label as site/eyebrow text.
    • One idea per card — don’t cram three headlines.
    Open in generator
  • Business

    Glass hero

    Soft panel treatment for homepage and brand landing shares.

    1200×630 · Soft brand hero

    • Brand name should be readable without the site favicon.
    • Export PNG for text-heavy cards; JPEG can muddy thin type.
    Open in generator

Prefer mistake callouts? See bad vs good link previewsor the full template gallery.

Frequently asked questions

Short answers about OG images, sizes, missing previews and how this free site works.

Are these real brand examples?

No. Cards describe SocialImageKit’s original templates only. We do not show copyrighted third-party designs or fake customer screenshots.

What size should I export?

Design and export at 1200×630 unless a platform guide says otherwise. Tip lists on each card cover crop and contrast.

Related pages