Components
← Marketing
Beta site

Main SEO / og:image — 5 options

The evergreen share image for beta.emojicopy.com — the 1200×630 card that shows when the site is linked on X, iMessage, Slack, Discord, LinkedIn, or Google. Five options.

Option 1 — Brand card

og-main/option-1-lockup.html Pattern: logo billboard.

Big lockup, one quiet tagline, BETA chip.

Option 2 — Headline + product window

og-main/option-2-product.html Pattern: headline-led + cropped product visual.

"Find any emoji. Copy it instantly." with a rebuilt (not screenshotted) site window bleeding off the right edge.

Option 3 — Emoji hero

og-main/option-3-collage.html Pattern: mascot / asset collage, near-zero text.

The JoyPixels art is the message — a size-graded arc of nine emoji and one whisper line ("Say it faster.").

Option 4 — Inline pill

og-main/option-4-inline-pill.html Pattern: headline-as-product-demo.

The headline demonstrates the product: an emoji sits inside a copy-chip, mid-sentence, with the green "Copied!" state.

Option 5 — The search moment

og-main/option-5-search.html Pattern: single product object, rebuilt oversized.

One gesture: search "party", five results, one copied. "Find it. Copy it. Send it." carries the value line.

Handoff — meta tags

The live site ships no og:image today. Whichever option wins, the head of beta.emojicopy.com needs these tags (path/URL TBD by dev):

<meta property="og:image" content="https://beta.emojicopy.com/<path>/og-main.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://beta.emojicopy.com/<path>/og-main.png" />

Exports live in exports/og-main-option-*.png (1200×630) and …@2x.png (2400×1260).