OG image scorecard · 98/100 · Proper. This is how it's done.

Design DNA
Your brand as prompts
Complete design system extracted from ahrefs.com
Colors:
dominant: #2A40F0
secondary: #FFFFFF
accent-1: #F08500
Mode: colorful
Temperature: neutral
Saturation: vibrant
Recommended harmonies:
Dark mono: bg #121316, text #eaeaec, accent #6a7afd
Light mono: bg #f4f4f6, text #1c1c22, accent #0f25d8
Complementary: bg #131316, text #F2EAE0, accent #fce951
Typography:
primary: Geometric Sans-Serif
Layout & visual style:
Layout: text-logo
Aspect ratio: 1.91:1 (standard OG)
Patterns:
Brand Colors
Minimal
Bold Typography
Centered Text
Strengths to preserve:
High contrast between the text and background ensures excellent readability and visibility.
The use of a distinct brand color for the 'a' in 'ahrefs' creates a strong visual identity and focal point.
The minimal design is clean, memorable, and effectively communicates the brand without clutter.
Avoid:
Could incorporate a subtle, abstract graphic element or pattern related to data or SEO in the background to add more context without distracting from the logo.
Consider adding a concise tagline or a key benefit statement from the title (e.g., 'AI Marketing Platform') below the logo to provide immediate value proposition.
Pro tip: Highlighting a single character within a wordmark with a contrasting brand color effectively creates a unique identifier and draws immediate attention to the brand's distinctiveness, as seen with the orange 'a' in Ahrefs.
Recreation target:
Format: Open Graph image, 1200x630px, PNG
Original dimensions: 1200x630
Reference: https://static.ahrefs.com/assets/img/og/ahrefs.png?v=2
Source: properog.com/site/ahrefs.comPlatform fit
Under the hood
Score breakdown
Has og:image tag
https://static.ahrefs.com/assets/img/og/ahrefs.png?v=2
1200×630, 1.90:1 ratio. Ideal
Perfect length (48 chars). Won't truncate anywhere
Ahrefs—AI Marketing Platform Powered by Big Data
Ideal length (128 chars). Fills the card without truncation
We help marketers drive visibility across AI search, SEO, content, and social – with the largest AI and search databases online.
og:type = website
4KB. Well optimized
Quality Profile
AI analysis
Takeaway
Highlighting a single character within a wordmark with a contrasting brand color effectively creates a unique identifier and draws immediate attention to the brand's distinctiveness, as seen with the orange 'a' in Ahrefs.
What proper looks like in SaaS

Readymag
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 · Change is constant. GitHub keeps you ahead.
Mascot's directional gaze isn't just charm, it's a compositional cue for the future
Mascot's directional gaze isn't just charm, it's a compositional cue for the future

Interlude

AuthKit by WorkOS
Check another site
Free. No signup. Paste any URL.
More like this

ahrefs.com
Ahrefs—AI Marketing Platform Powered by Big Data
twitter:card = summary_large_image
PNG. Consider WebP for 30-50% smaller files
OG title matches page title. Consider a social-specific headline
Description reads naturally
Custom favicon detected