Buy Me a Coffee

Item: Buy Me a Coffee
Rating: 7.3

Tips, memberships and shop for creators to get paid by fans.

buymeacoffee.com Save page

7.3/10MABTU rating

Home

Wall of

FAQ

DESKTOP · 1440 × 5,806/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, star rating, yellow button, floating creator cards507
02featureCentred copy over support widget vignette
03featureThree tier cards vignette with stats
04featureYellow e-book product card vignette
05featureCollage of video, image and audio post cards
06valuesTwo-column tick list612
07featuresSix-item icon grid, thin footer742

Rating · Home

Visual design7.3

UX & clarity8.0

Originality6.8

Craft & consistency7.6

Motion5.5

Performance & a11y7.7

This page scores 7.3; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Circularheading · sans · self-hosted Circularbody · sans · self-hosted

Stack & style

Vue Nuxt Tailwind CSS

Minimal Playful Rounded / soft Custom cursor Pricing table Review badges

Also: Plausible, Meta Pixel, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

White page with a bold rounded grotesk in near-black, grey secondary lines and a single sunny yellow pill CTA. The hero centres a two-line headline under a star rating while small tilted creator cards with avatars and supporter counts float at the edges. Each feature (support, memberships, shop, posts) is a tiny uppercase eyebrow, two-line headline and paragraph above a compact vignette of overlapping UI cards, coins and badges. A two-column tick list, a six-item icon grid with a grey second headline line and a thin footer close the page.

Worth borrowing

Float tilted mini creator cards with real supporter counts around a centred hero.
Write section headlines as a black first line and a grey second line.
Illustrate each feature with a small stack of overlapping UI cards instead of a full screenshot.