Mash website hero mockup

Mash website hero mockup, dark-mode, minimal, dark

Preview image. Unlock full-res

A large cream desktop website hero mockup with an oversized "Better ways to monetize" headline, floating wallet and donation cards, and an integration logo row.

Summary

A web-application page showing the Mash marketing-site hero: a centered oversized headline and CTAs on cream, framed by floating product cards and a row of integration logos.

Visual description

Near-black background with the small header ("WEBSITE/INTERACTIVE" left) and a red "WIP" pill in the top-right corner. A single large cream browser mockup is centered. Its top bar has the Mash wordmark left, a pill nav (Product, Solutions, Resources, Pricing) center, and a dark "Start Earning" button right. Below, a magenta eyebrow ("WELCOME TO MASH") sits above a very large two-line black headline, "Better ways to monetize", with muted sub-copy and a dark "Get started" plus ghost "Try our demo" button pair. Two colorful illustration tiles flank the headline, overlaid with floating UI cards (a "Your wallet / Bitcoin" balance card and a "One-time Donation" amount selector with a magenta $15). A hairline rule separates a bottom "Ready to use with these and more" integration row of circular logos and a magenta "See all integrations" link.

Key takeaway

Presenting the brand's website hero as one finished, centered composition with oversized type doing the work, then layering floating product cards over flanking illustrations to imply depth without a busy layout. The magenta eyebrow + black headline + dual CTA stack is a reusable hero recipe.

Reuse notes

Use as the "website / digital" application page in a guideline, or as a hero reference for a fintech or creator-platform landing page. The illustration tiles and floating cards need real assets to look this resolved.

From this deck: Mash website hero mockup

View deck

More like this