properOG
  • Gallery
  • Generate
  • Pricing
  • Site audit
  • Get Started
properOG

Get your OG proper.

© 2026 Huilata Oy

Product

CheckGalleryGeneratePricing

Resources

DebuggerSite auditLearnGuide

Legal

PrivacyTermsCookies
proper
← Gallery
readymag.com favicon

readymag.com

B

SaaS · 78/100 · Almost proper. A few tweaks away. · Checked Sep 10, 2026

Real UI elements and thoughtful details make the product pop. The CTA could use a similar spotlight

Readymag

Design DNA

Category
SaaSlightcentered
Patterns
minimalistbold-typographycentered-textproduct-UI-elements
Type
Geometric Sans-Serif
PaletteMuted neutral tones
Design DNA
Turn readymag.com’s design into your OG
Unlock all prompts
  • 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)
Readymag

readymag.com

Readymag

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

URL
https://readymag.com
og:title
Readymag
og:description
The design tool for outstanding websites
og:image
https://pub-32084146667c4935ad1a542ab5a6ab20.r2.dev/og-history/readymag.com/b897545c5d807b4fe509f37f.jpg
Dimensions
1200×628
File size
167KB
Industry
SaaS
Color mode
light
Layout
centered
Categories
saas
Tags
light
Favicon
https://readymag.com/dist/img/favicons/favicon.ico

Score breakdown

+
OG Image

Has og:image tag

https://c-p.rmcdn.net/5f747d54a0bfc900b69a5fea/Image-dae06291-eaaa-4d69-babf-c997a2f27a8c.jpg

+
Image loads

og:image resolves (HTTP 200)

https://c-p.rmcdn.net/5f747d54a0bfc900b69a5fea/Image-dae06291-eaaa-4d69-babf-c997a2f27a8c.jpg

!
Dimensions

1200×628, 1.91:1 ratio. Works but 1200×630 is ideal

!
Title

Too short (8 chars). Underuses the card space

Readymag

!
Description

Too short (40 chars) for rich previews

The design tool for outstanding websites

+
og:type

og:type = website

+
File size

167KB. Well optimized

!
Twitter card

No twitter:card tag. Will fall back to og:image

!
Image format

JPEG. Consider WebP for better compression

+
Title uniqueness

Title is differentiated from domain and page title

+
Description quality

Description reads naturally

i
Favicon

ICO favicon. Works but SVG is crisper in modern browsers

Quality Profile

Image: 93/100, Meta: 60/100, Platforms: 67/100, Perf: 100/100, Design: 90/100, Type: 55/100BImageMetaPlatformsPerfDesignType

AI analysis

Strengths

  • +Clear product UI demonstration with the floating widget drawer
  • +Strong value proposition front and center
  • +Clean layout with ample negative space

Improvements

  • →Interface elements are a bit small and cluttered on the left
  • →Low contrast with the tiny grey control numbers at the top and bottom
↗

Takeaway

Simulate the app's native editing interface right on the landing page preview to establish immediate software context and feature capability.

Want your OG image this proper?

Check your current OG or generate a new one from your brand.

Check yoursGenerate

More like this

AI App Builder: Turn Spreadsheets into Business Apps | Glide
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
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
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

GitHub · Change is constant. GitHub keeps you ahead.
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

Interlude
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 by WorkOS
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