Help Scout

Item: Help Scout
Rating: 7.5

Customer support platform with shared inbox, help center and AI agents.

helpscout.com Save page

7.5/10MABTU rating

FAQ

DESKTOP · 1440 × 10,661/ ↗

MOBILE · 390

Section outline · Home

01heroSplit serif/sans headline, two CTAs, gradient light streaks487
02featuresThree avatar pillar cards
03testimonialPortrait plus large serif quote
04productTabbed inbox screenshot1,295
05featuresAlternating question lists and UI panels
06statsThree dark gradient stat cards522
07ctaSerif italic CTA on pink gradient668
08footerDark navy multi-column links64

Rating · Home

Visual design7.8

UX & clarity7.8

Originality7.0

Craft & consistency7.9

Motion6.0

Performance & a11y8.0

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

Main colours

Light·white background·vivid

Typography

Scoutie Sansheading · sans · self-hosted Scoutie Sansbody · sans · self-hosted

Stack & style

Gatsby Google Fonts React Contentful

Corporate / clean Gradient-heavy Product-UI-led Bento grid FAQ accordion Logo cloud Stats band Sticky header Tabs Testimonial slider

Also: Google Tag Manager, Google Analytics, HubSpot, Vercel

Design DNA

White canvas with a two-part H1 that sets the first phrase in a light italic serif and the rest in a tight grotesk, repeated in the Start for Free closer. Soft iridescent pink-violet light streaks frame the hero and CTA. Three avatar cards introduce pillars, then a big serif pull quote with portrait. Product sections alternate a short left list of questions or benefits against large UI screenshots, some on dark gradient panels. Stats sit on three deep-violet cards with huge outlined numbers. Dark navy footer.

Worth borrowing

Set the first words of the H1 in italic serif and the rest in sans for a soft editorial voice.
Pair each UI screenshot with a stacked list of the questions it answers, one highlighted with a left rule.
Stats cards on dark gradient tiles with oversized cropped numerals bleeding off the bottom.