← Gallery
Unlock all prompts
smallbits.design
AStudio · 95/100 · Proper. This is how it's done.
Scattered 8x8 pixel icons on black. Retro nostalgia works when the grid is this strict
Design DNA
Type
Monospace
PaletteSoft neutral tones
Design DNA
Turn smallbits.design’s design into your OG
- Full color system with hex codes and harmonies
- Typography breakdown with role mapping
- Layout, patterns, and recreation steps
- One mega-prompt that has everything
Platform fit
OKFacebook / LinkedIn / Discord(1200×630)
OKX / Twitter (Large Card)(1200×628)
INFOX / Twitter (Summary)(120×120)
OKWhatsApp / iMessage(~300×157)
OKSlack(~200×105)
OKChatGPT(~400px wide)
INFOGoogle Search(N/A)
INFOText legibility(Design tip)
smallbits.design
Smallbits – 290+ pixelated icons on an 8×8 grid
StatusPerfect fit for summary_large_image
SizeRecommended 1200×628, min 300×157
CropCenter-crops to 2:1. summary_large_image shows full width, summary crops to 120x120 square.
CacheX caches aggressively. New cards may take minutes to appear. Adding ?v=2 to the URL can force a refresh.
DebugCard Validator was deprecated in 2022. Post a tweet with the URL to preview, or use properOG checker.
Under the hood
og:title
Smallbits – 290+ pixelated icons on an 8×8 grid
og:description
290+ pixelated icons on a limited 8×8 grid where every point counts. Free for personal and commercial use.
Dimensions
1200×630
File size
67KB
Industry
Studio
Color mode
dark
Layout
centered
Categories
studio
Tags
dark-mode
Score breakdown
+
OG Image
Has og:image tag
https://smallbits.design/images/og.png
+
Image loads
og:image resolves (HTTP 200)
https://smallbits.design/images/og.png
+
Dimensions
1200×630, 1.90:1 ratio. Ideal
+
Title
Perfect length (47 chars). Won't truncate anywhere
Smallbits – 290+ pixelated icons on an 8×8 grid
+
Description
Ideal length (106 chars). Fills the card without truncation
290+ pixelated icons on a limited 8×8 grid where every point counts. Free for personal and commercial use.
!
og:type
Missing og:type. Defaults to 'website'
+
File size
67KB. Well optimized
+
Twitter card
twitter:card = summary_large_image
!
Image format
PNG. Consider WebP for 30-50% smaller files
i
Title uniqueness
OG title matches page title. Consider a social-specific headline
+
Description quality
Description reads naturally
+
Favicon
Custom favicon detected
Quality Profile
AI analysis
Strengths
- +Clear central branding that immediately communicates the product's pixelated aesthetic
- +Subtle, low-contrast background pattern of icons reinforces the core offering without distracting from the title
- +Strong monochromatic dark theme with sharp white typography ensures instant readability
Improvements
- →Could incorporate a touch of accent color to highlight the brand name or specific icons
- →Slightly more variation in icon opacities could create better depth in the background grid
↗
Takeaway
Use a field of low-contrast ghosted graphic assets as a background texture to instantly communicate product utility and set a thematic mood without sacrificing headline legibility.
Want your OG image this proper?
Check your current OG or generate a new one from your brand.
More like this
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
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
tiny.opencreators.aiA
Someone is asking for what you built.
View editorial →
Winking skull on an acid yellow disc. Early Snapchat mascot energy doing all the heavy lifting
Winking skull on an acid yellow disc. Early Snapchat mascot energy doing all the heavy lifting
glideapps.comA
AI App Builder: Turn Spreadsheets into Business Apps | Glide
View editorial →
Stacked site trailers and steel framing to sell software. A literal metaphor that actually works
Stacked site trailers and steel framing to sell software. A literal metaphor that actually works
animaxxing.comA
Animaxxing
View editorial →
That tilted final X carries the whole brand. Crude, loud, impossible to miss
That tilted final X carries the whole brand. Crude, loud, impossible to miss
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