← Gallery
retune.dev
AAI / ML · 98/100 · Proper. This is how it's done. · Checked
The inspector panel targets the exact headline beside it. The UI proves the pitch
Card history
2 different cards captured since Mar 2026.
Now, since Sep 2026A
The inspector panel targets the exact headline beside it. The UI proves the pitch
Mar 2026A
This UI doesn't need to tell you what visual vibe coding could be, it shows you
Design DNA
Type
Geometric Sans-Serif
PaletteSoft cool tones
Design DNA
Turn retune.dev’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)
retune.dev
Retune - The visual layer for vibe coding
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
Retune - The visual layer for vibe coding
og:description
Select any element in your running app, tweak it visually, and let your AI coding tool write the changes to source.
Dimensions
1200×630
File size
30KB
Industry
AI / ML
Color mode
dark
Layout
split
Categories
ai-ml
Tags
dark-mode
Score breakdown
+
OG Image
Has og:image tag
https://retune.dev/opengraph-image.png?efc590f558b8c0f5
+
Image loads
og:image resolves (HTTP 200)
https://retune.dev/opengraph-image.png?efc590f558b8c0f5
+
Dimensions
1200×630, 1.90:1 ratio. Ideal
+
Title
Perfect length (41 chars). Won't truncate anywhere
Retune - The visual layer for vibe coding
+
Description
Ideal length (115 chars). Fills the card without truncation
Select any element in your running app, tweak it visually, and let your AI coding tool write the changes to source.
+
og:type
og:type = website
+
File size
30KB. Well optimized
+
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
Custom favicon detected
Quality Profile
AI analysis
Strengths
- +Clean dark mode interface that clearly communicates a developer-focused tool
- +Effective split-screen layout combining marketing headline and UI design panel
- +Strong typographic hierarchy with crisp sans-serif headings
Improvements
- →Image format score noted as suboptimal; could benefit from higher resolution or optimized compression
- →Right-hand property panel is slightly dark and blends heavily into the background, reducing contrast
↗
Takeaway
Simulate a live design environment in the OG thumbnail by framing the copy next to an active inspector panel, reinforcing the tool's core utility before the user even clicks.
Want your OG image this proper?
Check your current OG or generate a new one from your brand.
More like this
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
askape.comA
Ape AI - AI Stock Market Companion | ChatGPT for Stock Discovery & Trading
View editorial →
Suited cartoon apes tumbling beside Dell and Nvidia badges. Pure retail finance bait
Suited cartoon apes tumbling beside Dell and Nvidia badges. Pure retail finance bait
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
sierra.aiA
Better customer experiences
View editorial →
Off-camera gaze on a phone call sells genuine customer experience, not staged perfection
Off-camera gaze on a phone call sells genuine customer experience, not staged perfection
outerview.appA
Outerview — Turn conversations into LinkedIn content
View editorial →
Mock posts bleed off the margins. That red cursor sells the hesitation
Mock posts bleed off the margins. That red cursor sells the hesitation
factory.aiA
Factory | Agent-Native Software Development
View editorial →
Angled halftone dots behind a heavy wordmark. Industrial print energy on an AI card
Angled halftone dots behind a heavy wordmark. Industrial print energy on an AI card