Design
OG Image Design
Crafting social preview images that convert clicks into customers.
Dimensions
Open Graph images render at 1200×630px. Keep critical content within a 100px safe margin on all sides. Export as PNG at 2x for retina displays.
Brand Palette
Violet #8B5CF6
Pink #F472B6
Dark #0A0612
Layout Formula
- Gradient background: violet → pink at 135° angle
- Product name top-left, 48px bold, white
- Headline centered, 64px, maximum 2 lines
- Subtle logo watermark bottom-right, 20% opacity
Typography
Use Inter for headlines — bold weight, tight letter-spacing. Body text stays at 24px regular. Never exceed three text elements on a single card to maintain scannability at small sizes.
Pro tip
Test your OG image at 200px wide — that is how it appears in Discord embeds and Twitter mobile feeds. If the headline is unreadable, increase font size or shorten copy.