← Gallery
Unlock all prompts
svgdoodles.com
AStudio · 98/100 · Proper. This is how it's done.
Floating chrome doodles and a bare URL. Refuses to explain itself, which is why it works
Design DNA
Type
Geometric Sans-Serif
PaletteSoft neutral tones
Design DNA
Turn svgdoodles.com’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)
svgdoodles.com
SVG Doodles – Free, editable SVGs to spice up your designs
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
SVG Doodles – Free, editable SVGs to spice up your designs
og:description
Browse a curated collection of free, customizable SVG doodles and icons to use in your websites, apps, slides, and prints.
Dimensions
2400×1260
File size
494KB
Industry
Studio
Color mode
dark
Layout
text-logo
Categories
studio
Tags
dark-mode
Score breakdown
+
OG Image
Has og:image tag
https://svgdoodles.com/og-image.png
+
Image loads
og:image resolves (HTTP 200)
https://svgdoodles.com/og-image.png
+
Dimensions
2400×1260, 1.90:1 ratio. Ideal
+
Title
Perfect length (58 chars). Won't truncate anywhere
SVG Doodles – Free, editable SVGs to spice up your designs
+
Description
Ideal length (122 chars). Fills the card without truncation
Browse a curated collection of free, customizable SVG doodles and icons to use in your websites, apps, slides, and prints.
+
og:type
og:type = website
+
File size
494KB. 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
i
Favicon
ICO favicon. Works but SVG is crisper in modern browsers
Quality Profile
AI analysis
Strengths
- +Metallic 3D doodle elements create an immediate sense of style and visual texture
- +High-contrast white branding against a deep black background stands out clearly
- +Floating scattered asset layout effectively showcases the vast collection available on the site
Improvements
- →URL watermark in the corner can feel cluttered and take away from the floating graphic showcase
- →Lacks a clear value proposition text or tagline alongside the domain name
↗
Takeaway
Float metallic or textured vector assets across a deep black canvas to simulate depth and high-end finish, making utility assets look like premium design artifacts.
Want your OG image this proper?
Check your current OG or generate a new one from your brand.
More like this
smallbits.designA
Smallbits – 290+ pixelated icons on an 8×8 grid
View editorial →
Scattered 8x8 pixel icons on black. Retro nostalgia works when the grid is this strict
Scattered 8x8 pixel icons on black. Retro nostalgia works when the grid is this strict
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