Mailcoach

Item: Mailcoach
Rating: 7.1

Email marketing, automation and transactional email for startups and developers.

mailcoach.app Save page

7.1/10MABTU rating

Product / Features

DESKTOP · 1440 × 6,822/ ↗

MOBILE · 390

Section outline · Home

01heroPeriwinkle panel, left headline, tilted testimonial cards
02introCentred heading with blue accent line
03featureCopy left, circle illustration right500
04featureFlow illustration left, copy right500
05featureCopy left, receipt email illustration right500
06quoteTilted navy quote card295
07testimonialsThree-column text quote grid1,792
08aboutGrey rounded credit card
09ctaNavy panel with two pill buttons489
10footerNewsletter field and link columns595

Rating · Home

Visual design7.3

UX & clarity7.4

Originality7.0

Craft & consistency7.3

Motion5.5

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Jokkerheading · font · unknown Neue Haas Grotesk Textbody · sans · adobe

Stack & style

Alpine.js Adobe Fonts Tailwind CSS

Bold typography Illustration-led Rounded / soft Pricing table Sticky header Testimonial slider

Also: Cloudflare, Fathom

Design DNA

Warm cream page with a periwinkle hero panel and deep navy accents, set in a heavy tight grotesk. The hero headline sits top-left with navy pill buttons while white testimonial cards are scattered at slight angles like notes. Features alternate left and right, each with a pale blue concentric-circle illustration holding a tiny UI element (growth stat, automation flow, receipt email) plus beige blob shapes. A tilted navy quote card, a text-only testimonial grid, a Spatie credit card and a navy CTA close it.

Worth borrowing

Scatter slightly rotated white testimonial cards across the hero instead of a product shot.
Anchor each feature with a concentric-circle gradient holding one tiny UI element.
Use a tilted navy quote card as a divider between feature and proof sections.