Components
← Marketing
Early Access

Beta blog hero — v2

The "Early Access" graphic for the beta blog post (1200×630) — the headline beside the beta website in a browser window. Four versions: OG/SEO image, in-blog cover, dark alt, and an extension variant.

Primary — light, matches the blog page

Early
Access

Be first to try the new EmojiCopy.

emojicopy.com
Smart lists
Recent emojis
Recent combos
My lists
Friends
My Favorites
Recent emojis

The full website sits in a browser window — traffic lights + emojicopy.com read as "the live beta" even at thumbnail scale. Headline + logo sit inside a 96px safe margin so link-preview crops never clip the copy; the JoyPixels emoji pills overlap the window edge as the depth cue. Use this one for the OG/SEO image only — link previews have no H1 to clash with. Export: #og-light.

In-blog cover — mockup-first, no big title

Early Access
emojicopy.com
Smart lists
Recent emojis
Recent combos
My lists
Friends
My Favorites
Recent emojis

Use this one for the in-blog CoverPhoto — the post's H1 sits right above the cover, so the mockup fills the frame and "Early Access" shrinks to a badge (review note 2026-07-14: the titles were clashing). Export: #og-cover.

Alt — dark, matches the social card set

Early
Access

Be first to try the new EmojiCopy.

emojicopy.com
Smart lists
Recent emojis
Recent combos
My lists
Friends
My Favorites
Recent emojis

Same layout on the dark gradient the social cards in launch-assets already use — pick this one if the blog hero should match the X/link-preview set instead of the page background. Export: #og-dark.

Extension popup variant — not the beta

Early
Access

Be first to try the new EmojiCopy.

My Emoji
Recent emojis

The earlier hero — this window is the Chrome extension popup, not the beta site, so it stays out of the beta announcement. Kept here (export: #og-extension) for extension-focused posts later.