Surfer SEO OG card

Surfer SEO OG card, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark split OG card with a logo and oversized white headline on the left and a floating content-score editor panel on the right.

Summary

A high-contrast dark OG card that pairs the Surfer logo and a four-line white headline at left with a bright, floating content-optimization panel at right.

Visual description

The left two-thirds is solid black. At the top, the orange bracketed Surfer mark sits beside the bold white "SURFER" wordmark. Below, a large four-line white headline reads "SEO Content Optimization Platform," with a small red upward trend arrow tucked at the end. The right third holds a light, rounded product panel against a purple corner accent: tabs (Guidelines, Outline, Brief), a "Content Score" semicircular gauge reading 82/100 in red-orange-green, a dark "Auto-Optimize" button, an "Insert internal links" row, and a "Content Structure" table of words, headings, paragraphs and images metrics.

Key takeaway

The stark black field makes the oversized white headline hit hard, while a single brightly lit UI panel floating off the right edge proves the product does measurable work (the score gauge is the proof point). The red arrow is a tiny accent that signals "growth."

Reuse notes

Strong for SEO, analytics, or optimization SaaS where a score or metric is the hook. Only works on dark; the floating panel needs one clear, legible metric (here the gauge) rather than a full cluttered screenshot.

More like this