Text + Logo layout OG image examples, 7 sites
Brand mark plus copy. The trust signal combo.
The numbers
- Median score
- 95
- out of 100
- Grades
- 6 A · 1 B
- Dark vs light
- 43% dark
- 14% light, 43% colorful
- Ideal size
- 6 of 7
- 1200×630 to 2x, at 1.91:1
- Median file
- 214 KB
- 5 files weighed
- Top pattern
- Bold Typography
- on 6 of 7
- Top format
- PNG
- 4 of 7
Top score: 98, shared by column.com and 1 other. Heaviest card: herokit.design, 892 KB.
7 approved cards, scored by properOG. Counted .
svgdoodles.comA
SVG Doodles – Free, editable SVGs to spice up your designs
View editorial →
Floating chrome doodles and a bare URL. Refuses to explain itself, which is why it works
Floating chrome doodles and a bare URL. Refuses to explain itself, which is why it works
herokit.designA
HeroKit
View editorial →
Stark black mark over soft yellow spheres. High contrast does all the heavy lifting
Stark black mark over soft yellow spheres. High contrast does all the heavy lifting
fal.aiA
Generative AI | Run Image, Video, 3D and Audio Models | fal
View editorial →
Pixelated dither artifacts on flat purple. Replaces the generic AI glow with actual texture
Pixelated dither artifacts on flat purple. Replaces the generic AI glow with actual texture
drams.framer.websiteA
Drams - Framer components inspired by Dieter Rams' principles
View editorial →
Floating the top of the d to the corner. Simple typographic tension on flat Braun orange
Floating the top of the d to the corner. Simple typographic tension on flat Braun orange
akashtyagi.comA
Akash Tyagi
View editorial →
Hot-pink smiley in the void. Zoom in and the baseline typography is built from micro-patterns
Hot-pink smiley in the void. Zoom in and the baseline typography is built from micro-patterns
column.comA
Column | The platform bank built for scale
View editorial →
A faint dot-matrix map to whisper scale. Heavy navy type does the rest
A faint dot-matrix map to whisper scale. Heavy navy type does the rest
authkit.comB
AuthKit by WorkOS
View editorial →
Three login cards along the bottom. The UI doing the proof of work
Three login cards along the bottom. The UI doing the proof of work
Explore more proper OG images
Other layouts
Design patterns
Want your OG image this proper?
Check your current OG or generate a new one from your brand.