OG & Social Preview Hub
Design the card your links wear when they travel. Start from a curated preset, tune the copy and colors, and export the PNG with copyable Open Graph and Twitter tags.
Interactive Card Studio
Type or pick a format and the card redraws with a live share-readiness score.
Card Content & Style
The canvas redraws live as you type, so the score always matches the preview.
1. Copy
2. Visual System
Without a logo the studio draws a letter-mark from the brand name, just like the generator tool.
Live preview & meta
1200x630 canvas, score, and copyable Open Graph / Twitter tags.
Preview Score
94 /100
Social card ready
Title fit
Title fit looks solid for a social preview.
Subtitle clarity
Subtitle clarity looks solid for a social preview.
Brand presence
Brand presence looks solid for a social preview.
Color setup
Color setup looks solid for a social preview.
Meta readiness
Meta readiness looks solid for a social preview.
Recommendations
- Pair this social preview with your launch kit and AI-search readiness pass.
<meta property="og:title" content="From brand strategy to shippable assets">
<meta property="og:description" content="Helps founders create docs, launch copy, and design tokens without agency drag.">
<meta property="og:image" content="/og-image.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:title" content="From brand strategy to shippable assets">
<meta name="twitter:description" content="Helps founders create docs, launch copy, and design tokens without agency drag.">
<meta name="twitter:site" content="Brand Peel">Platform Formats & Dimensions
Every surface the studio can export, with the exact pixel size each network expects.
Open Graph / Generic
X (Twitter)
Keep critical text inside the outer 72px safe area on every format - social networks crop edges on previews and mobile feeds.
Curated Card Directory
Explore ready-to-share cards. Click any preset to load it into the studio above.
Early access waitlist
SaaS Launch
Waitlist card that leads with the open date and one clear promise. Best for pre-launch teasers.
Product is live
SaaS Launch
General launch card with room for a changelog-style subtitle. Use it the day the product goes public.
Free plan announcement
SaaS Launch
Light, minimal card for pricing news. Keeps the offer scannable at thumbnail size.
Mobile app launch
SaaS Launch
X summary card for app-store announcements. Short title, one concrete feature in the subtitle.
API version release
Developer Tool
Editorial release-notes card with a strong left rule. Built for version announcements.
Open-source launch
Developer Tool
High-contrast launch card for going open source. License and payoff share the subtitle.
Docs refresh
Developer Tool
Quiet minimal card for developer-experience updates. Lets the feature list carry the news.
Community AMA
Developer Tool
Wide X card for live Q&As. Names the topic and the team so shares feel like an invite.
Case study publish
Agency & Studio
Results-first case study card. The metric sits in the headline where crops cannot cut it.
New studio location
Agency & Studio
Editorial announcement for expansion news, framed around what stays the same for clients.
Brand refresh story
Agency & Studio
LinkedIn article card for redesign stories. Pairs the before-and-after angle with restraint.
Process walkthrough
Agency & Studio
Square feed card that teases a free session. Concrete scope and duration in the subtitle.
Newsletter issue
Content & Newsletter
Editorial issue card that leads with the data angle. Numbers in the subtitle build the click.
Podcast episode
Content & Newsletter
Wide X card for new episodes. The guest outcome hooks harder than the topic alone.
Video tutorial
Content & Newsletter
Vertical story card for tutorials. Length promise up top, scope underneath.
Free guide release
Content & Newsletter
Lead-magnet story card with the deliverable and its proof in plain numbers.
Webinar invite
Event & Webinar
LinkedIn post card for live sessions. Audience outcome in the title, agenda in the subtitle.
Summit announcement
Event & Webinar
Launch-style event card anchored to a date. Repeat the date in the subtitle.
Workshop signup
Event & Webinar
LinkedIn card for hands-on sessions. Sell the takeaway, not the syllabus.
Conference talk
Event & Webinar
Square speaker card that names the stage and session length for credibility.
Sale announcement
E-commerce & Retail
Product card for promos with the terms in the subtitle: threshold, timing, and scope.
New collection
E-commerce & Retail
Summary card for collection drops. Materials and use cases beat adjectives.
Restock alert
E-commerce & Retail
Minimal restock card. The headline says what is back; the subtitle says what is new.
Founder story
E-commerce & Retail
LinkedIn article card for origin stories. Specific numbers keep it credible.