← Gallery
Unlock all prompts
github.com
ASaaS · 91/100 · Proper. This is how it's done. · Checked
A glowing butterfly on the mascot's nose. Enterprise software rendered as a bedtime story
Design DNA
Category
Type
Geometric Sans-Serif
PaletteVivid cool tones
Design DNA
Turn github.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)
github.com
GitHub · Change is constant. GitHub keeps you ahead.
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
GitHub · Change is constant. GitHub keeps you ahead.
og:description
Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
Dimensions
1200×630
File size
604KB
Industry
SaaS
Color mode
dark
Layout
full-bleed
Categories
saas
Tags
dark-mode
Score breakdown
+
OG Image
Has og:image tag
https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png
+
Image loads
og:image resolves (HTTP 200)
https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png
+
Dimensions
1200×630, 1.90:1 ratio. Ideal
+
Title
Perfect length (52 chars). Won't truncate anywhere
GitHub · Change is constant. GitHub keeps you ahead.
!
Description
Will be truncated (186 chars). Front-load the value
Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
+
og:type
og:type = object
!
File size
604KB. Consider compressing under 500KB
+
Twitter card
twitter:card = summary_large_image
!
Image format
PNG. Consider WebP for 30-50% smaller files
+
Title uniqueness
Title is differentiated from domain and page title
+
Description quality
Description reads naturally
+
Favicon
SVG favicon. Crisp at all sizes
Quality Profile
AI analysis
Strengths
- +Strong brand recognition with the GitHub logo and stylized Octocat illustration.
- +Clear, concise, and impactful message that aligns with GitHub's collaborative mission.
- +Excellent readability due to high contrast white text on a dark, gradient background.
Improvements
- →Optimize image file size (604KB is large for an OG image) by using more efficient compression or a modern format like WebP.
- →Enhance the image format; if currently PNG, consider converting to WebP or a highly optimized JPG for better performance.
- →While visually appealing, the illustration could be more dynamically integrated with the text or have a clearer narrative focus.
↗
Takeaway
Combine bold, readable typography with a unique, on-brand illustration to create a memorable and engaging visual identity that reinforces your brand's core message.
Want your OG image this proper?
Check your current OG or generate a new one from your brand.
More like this
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
readymag.comB
Readymag
View editorial →
Real UI elements and thoughtful details make the product pop. The CTA could use a similar spotlight
Real UI elements and thoughtful details make the product pop. The CTA could use a similar spotlight
interludeapp.netB
Interlude
View editorial →
Michelangelo in an app squircle. The serif wordmark sells the seriousness
Michelangelo in an app squircle. The serif wordmark sells the seriousness
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