Mocha OG card

Mocha OG card, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark left-aligned OG card with an oversized headline mixing roman and italic, plus a logo and URL footer.

Summary

A near-black OG card driven by a big left-aligned headline that flips the last word to italic, with the brand mark and site URL pinned along the bottom.

Visual description

Almost-black background with a faint right-side grid of slightly lighter squares for subtle texture. The headline "Turn your app idea into reality, instantly." runs three lines, left aligned in a white sans-serif; "reality," stays upright while "instantly." switches to italic to land the emphasis. A thin divider sits below the type. The bottom row carries a small chevron-style logo mark and the "Mocha" wordmark on the left and the URL "getmocha.com" on the right. No imagery, no product shot: type does all the work.

Key takeaway

Using an italic on a single word to create emphasis and personality inside an otherwise plain sans headline. The faint tonal grid adds depth to a flat black field without competing with the text, and the logo-left / URL-right footer is a clean, repeatable lockup.

Reuse notes

Good default for a developer or AI product that wants a confident, text-first share card without building bespoke artwork. Works only on dark; the whole effect rests on the headline being well-written and the italic word being the right one. Easy to template across many pages.

More like this