vercel.com

OG image scorecard · 75/100 · Almost proper. A few tweaks away. · Checked Sep 24, 2026

What to fix

Get it Proper in 10 minutes

4 fixes, 25 points on the table

75now 75 · all done 100

Ship it at 1200x630+15Needs a new image
1200x630 is 1.91:1, the ratio every large card is cut to. Declare og:image:width and og:image:height alongside it so platforms can lay the card out before the file arrives.
Generate one that passes →
Get the file under 500KB+5Quick
Re-export as WebP, or run the PNG through a compressor. Crawlers give up on slow images, and a card that times out renders as plain text.
Generate one that passes →
Write a 50 to 160 character og:description+3Quick
One sentence that says what the page gives the reader. Front-load it: everything past 160 characters is cut.
Serve WebP or AVIF+2Quick
Same picture, 30 to 50 percent fewer bytes. Every platform that renders a card supports both.
Generate one that passes →

This is one page. You have others.

A good card here says nothing about the rest of vercel.com. The audit samples pages across its templates and finds the ones with no card, or a broken one.

Audit the whole site →

Design DNA

Patterns

minimaldark-themecentered-textillustration

PaletteSoft neutral tones

Your brand as prompts

Complete design system extracted from vercel.com

Colors:
  dominant: #000000
  secondary: #0f0f0f
  accent-1: #1a1a1a
  accent-2: #ffffff
  Mode: dark
  Temperature: neutral
  Saturation: desaturated

Recommended harmonies:
  Dark mono: bg #161212, text #eceaea, accent #2a2222
  Light mono: bg #f6f4f4, text #221c1c, accent #404040
  Complementary: bg #161313, text #F2EAE0, accent #171c1c

Layout & visual style:
  Layout: centered
  Aspect ratio: 1.91:1 (standard OG)
  Patterns:
    Minimal
    Dark Theme
    Centered Text
    Illustration

Strengths to preserve:
  Striking minimalist aesthetic that creates strong visual intrigue and high contrast
  Effective use of backlighting and vignette to give a flat geometric shape depth and dimension
  Clean, zero-clutter composition that immediately captures attention in social feeds

Avoid:
  Completely devoid of textual context, meaning users scrolling fast have no idea what the link is about without reading the site title
  Could benefit from subtle branding or the Vercel icon to immediately tie the abstract graphic to the company identity
  The heavy reliance on absolute black can cause compression artifacts on certain social media platforms

Pro tip: Using a soft radial rim-light against a pure black background creates a glowing illusion of physical depth and premium manufacturing quality for abstract geometric vectors.

Recreation target:
  Format: Open Graph image, 1200x630px, PNG
  Original dimensions: 2400x1350
  Reference: https://lishhsx6kmthaacj.public.blob.vercel-storage.com/og-home-not-x.png

Source: properog.com/site/vercel.com

Or generate your own OG in this style →

Browse design DNA prompts from the best OG images →

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)

vercel.com

Agentic Infrastructure - Vercel

StatusRenders but may show bars or crop

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://vercel.com

og:title

Agentic Infrastructure - Vercel

og:description

The autonomous stack for every app and agent.

og:image

https://lishhsx6kmthaacj.public.blob.vercel-storage.com/og-home-not-x.png

Dimensions

2400×1350

File size

827KB

Industry

AI / ML

Color mode

dark

Score breakdown

OG Image

Has og:image tag

https://lishhsx6kmthaacj.public.blob.vercel-storage.com/og-home-not-x.png

Image loads

og:image resolves (HTTP 200)

https://lishhsx6kmthaacj.public.blob.vercel-storage.com/og-home-not-x.png

Dimensions

2400×1350, ratio 1.78:1 (ideal: 1.91:1). Works but 1200×630 is ideal

Title

Perfect length (31 chars). Won't truncate anywhere

Agentic Infrastructure - Vercel

Description

Too short (45 chars) for rich previews

The autonomous stack for every app and agent.

og:type

og:type = website

File size

827KB. Consider compressing under 500KB

Twitter card

twitter:card = summary_large_image

Image format

PNG. Consider WebP for 30-50% smaller files

Title uniqueness

OG title matches page title. Consider a social-specific headline

Description quality

Description reads naturally

Favicon

Using Google's fallback favicon. Add a custom /favicon.ico or link[rel=icon]

Quality Profile

AI analysis

Strengths

+Striking minimalist aesthetic that creates strong visual intrigue and high contrast
+Effective use of backlighting and vignette to give a flat geometric shape depth and dimension
+Clean, zero-clutter composition that immediately captures attention in social feeds

Improvements

→Completely devoid of textual context, meaning users scrolling fast have no idea what the link is about without reading the site title
→Could benefit from subtle branding or the Vercel icon to immediately tie the abstract graphic to the company identity
→The heavy reliance on absolute black can cause compression artifacts on certain social media platforms

↗

Takeaway

Using a soft radial rim-light against a pure black background creates a glowing illusion of physical depth and premium manufacturing quality for abstract geometric vectors.

What proper looks like in AI / ML