OG Image Preview — Two Bear Capital

About Open Graph Images

What are OG images?

Open Graph images are the preview thumbnails that appear when a URL is shared on social platforms like LinkedIn, Twitter/X, Facebook, Slack, and iMessage. They are defined with a <meta> tag in the page's <head>.

How to use

Add this tag to any page's <head>:

<meta property="og:image" content="https://brand.twobearcapital.com/og/og-dark-logo-tagline.png">

Property	Value	Notes
Dimensions	1200 x 630 px	Standard for all major platforms
Aspect ratio	1.91 : 1	Facebook, LinkedIn, Twitter summary_large_image
Format	PNG	Lossless for crisp text and logos
Max file size	~500 KB	Larger images may not display on some platforms
Twitter card	`summary_large_image`	Pair with `<meta name="twitter:card">`

Full meta tag set

<meta property="og:title" content="Two Bear Capital">
<meta property="og:description" content="Building Enduring Companies. Together.">
<meta property="og:image" content="https://brand.twobearcapital.com/og/og-dark-logo-tagline.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">

Variation A — Dark with Logo & Tagline

og-dark-logo-tagline.png 1200 x 630 px

Download PNG

Variation B — Green Accent with Bear Icon

og-green-bear-split.png 1200 x 630 px

Download PNG

Variation C — Minimal Dark with Color Bar

og-minimal-color-bar.png 1200 x 630 px

Download PNG

Variation D — Photo Hero with Overlay

og-photo-hero.jpg 1200 x 630 px

Download PNG

Variation E — Bold Green

og-bold-green.png 1200 x 630 px

Download PNG

Variation F — Gradient

og-gradient.jpg 1200 x 630 px

Download PNG

Regenerating: Run python3 scripts/generate-og-images.py to regenerate all OG images from source assets using Pillow + CairoSVG. Photo-based images use JPEG for smaller file size; graphics use PNG for crisp text rendering.