Wayto.me OG card

Wayto.me OG card, light-mode, playful, vibrant

Preview image. Unlock full-res

Lime-green OG card with a pill-framed wordmark and bold black headline on the left and an annotated desktop builder mockup on the right.

Summary

A high-energy lime-green OG card with a pill-outlined wordmark and a bold black headline on the left, and a desktop-monitor product mockup covered in handwritten annotations on the right. The marker callouts make the builder feel approachable.

Visual description

Background is a saturated chartreuse green. Top-left, "wayto.me" sits inside a rounded black outline pill. Lower-left, a four-line black sans-serif headline reads "Simply the easiest website builder". The right half shows a silver desktop monitor on a stand displaying the builder editing a "Our global benefits" page, with a floating blocks/templates palette panel and a blue "Apply Now" button. Hand-drawn black arrows and handwritten labels annotate it: "ADD NEW BLOCK", "AND JUST REPLACE CONTENT", "A WIDE RANGE OF PRE-DESIGNED BLOCKS".

Key takeaway

Overlaying a real product screenshot with handwritten arrows and notes to teach the workflow inside the card itself. The marker style softens a technical builder UI and reads friendly against the loud green.

Reuse notes

Great for no-code, builder, or onboarding-led products that want to feel easy and human. The annotation style only works if the callouts are short and the UI beneath is clean. A bold flat background color (here lime) makes the black type and arrows pop; pick one with enough contrast for both.

More like this