Mash website homepage mockup

Summary

A near-full-bleed website homepage mockup centered on a dark slide, leading with an oversized "Better ways to monetize" hero, flanking illustrated product cards, and a row of integration logos.

Visual description

Near-black background with the standard running header ("WEBSITE/INTERACTIVE" top-left) and a small red "WIP" pill at top-right. A single large off-white homepage mockup fills most of the slide. Its top bar carries the magenta Mash logo and wordmark, a centered pill navigation (Product, Solutions, Resources, Pricing with dropdown carets), and a dark "START EARNING" button. The hero is centered: a small magenta "WELCOME TO MASH" eyebrow, a very large two-line "Better ways to monetize" headline in near-black, a short gray sub-paragraph, and a dark "Get started" button beside a ghost "Try our demo" button. A floating "Your wallet / Bitcoin" card and a colorful comic-style tablet illustration sit lower-left; a coin-jar illustration and a small "One-time Donation" amount-picker widget sit lower-right. Below a hairline rule, a "READY TO USE WITH THESE AND MORE" caption sits over a row of round integration logos (Supabase, Twitter, Twitch, Webflow, Gatsby, Angular, React) and a magenta "See all integrations" link.

Key takeaway

Letting one oversized two-line headline own the center while small floating UI cards and illustrations frame it with product detail and depth. Keeping nav and CTAs neutral so the magenta only fires on the eyebrow and accents preserves the hierarchy.

Reuse notes

A clean reference for a SaaS marketing homepage hero, and for the website-application page of a brand system. The floating wallet/donation widgets and comic illustrations supply most of the energy; with plainer assets the layout still holds but reads more corporate. The "WIP" pill is a status marker, not part of the design.