Preview image. Unlock full-res
Light OG card screenshotting a full landing-page hero, with a navbar, two-tone headline, dual buttons, and a phone mockup in a gamified app UI.
Summary
A light lavender Nudge card that is essentially a screenshot of the full landing-page hero, complete with navbar, two-tone headline, two buttons, and a phone mockup of a gamified app.
Visual description
Soft lavender background. A full website hero is captured: a top navigation bar with the Nudge logo, menu items (Product, How it works, Resources) and "Take a tour" plus "Request demo" buttons. The left-aligned headline "Build personalized user experiences" sets "personalized" in purple against otherwise dark text, followed by a line of supporting copy and the two CTA buttons repeated. On the right, a smartphone mockup shows a colorful gamified mobile UI (rewards tiles, an avatar, a circular timer badge). A small "#1 Product of the Day" award badge peeks in at the bottom. Because it captures a whole hero, type and chrome are small.
Key takeaway
Reusing the live landing-page hero directly as the OG card keeps brand, message, and product mockup perfectly consistent between the page and its share preview with zero extra design work. The purple-on-dark accent word and award badge add quick credibility.
Reuse notes
Convenient when the hero is already strong, but the trade-off is legibility: a full hero shrinks the headline and packs in navbar chrome that wastes OG real estate. Better for desktop-link previews than tiny thumbnails. Crop tighter to the headline and mockup if text must read at small sizes.
