Preview image. Unlock full-res
Browser-mockup OG card showing The.com's homepage hero with an oversized headline, pink CTA and floating site previews.
Summary
A screenshot-style card of The.com's landing hero: a pill nav bar up top, a giant three-line headline, a bright pink "Start building" button, and partial website previews with avatar bubbles drifting in from below.
Visual description
On a light grey canvas faintly divided by thin grid lines, a white rounded pill bar spans the top carrying "The.com" at left and a hamburger, "Login" and a black "Join" pill at right. Centered below, small grey eyebrow text "Build the web together" sits over a huge black sans-serif headline, "The next big thing is a lot of small things", across three centered lines. A vivid magenta-pink "Start building" pill button sits under it. Cropped website-preview cards (one labeled "summerlit", one reading "END OF SEASON") and two circular profile-photo bubbles overlap up from the bottom edge, implying the product in use.
Key takeaway
Showing the actual product hero as the share card so the OG image doubles as a live preview. The oversized centered headline plus one loud pink CTA gives instant hierarchy, while the half-cropped previews and avatar bubbles hint at a busy, collaborative tool.
Reuse notes
Best for a SaaS or website-builder whose homepage is already clean and headline-led. Reusing the real hero keeps brand and message consistent. The cropped previews can clutter small thumbnails, so keep the headline and CTA dominant.
