← Gallery
Unlock all prompts
authkit.com
BSaaS · 83/100 · Almost proper. A few tweaks away. · Checked
Three login cards along the bottom. The UI doing the proof of work
Design DNA
Type
Geometric Sans-Serif
PaletteVivid cool tones
Design DNA
Turn authkit.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)
authkit.com
AuthKit by WorkOS
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
AuthKit by WorkOS
og:description
A fully-featured UI component system for building authentication flows into your app.
Dimensions
1800×945
Industry
SaaS
Color mode
dark
Layout
text-logo
Categories
saas
Tags
dark-mode
Score breakdown
+
OG Image
Has og:image tag
https://www.authkit.com/img/meta.png
+
Image loads
og:image resolves (HTTP 200)
https://www.authkit.com/img/meta.png
+
Dimensions
1800×945, 1.90:1 ratio. Ideal
!
Title
Too short (17 chars). Underuses the card space
AuthKit by WorkOS
+
Description
Ideal length (85 chars). Fills the card without truncation
A fully-featured UI component system for building authentication flows into your app.
!
og:type
Missing og:type. Defaults to 'website'
!
File size
Could not determine file size
+
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
- +High-tech, immersive dark mode aesthetic that visually communicates developer tooling
- +Clean product preview interfaces layered subtly in the background add depth
- +Strong typographic hierarchy emphasizing the brand name 'AuthKit'
Improvements
- →The subheadline text is slightly low contrast against the dark background grid
- →The background UI elements are partially cut off and could be better integrated into the composition
↗
Takeaway
Layer subtle grid lines and radial spotlight vignettes behind a dark solid background to instantly give flat typography depth and a high-tech developer-tool aesthetic.
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
github.comA
GitHub · Change is constant. GitHub keeps you ahead.
View editorial →
A glowing butterfly on the mascot's nose. Enterprise software rendered as a bedtime story
A glowing butterfly on the mascot's nose. Enterprise software rendered as a bedtime story
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