Superhuman

Item: Superhuman
Rating: 7.4

AI-powered mail, docs and writing assistant that works across apps.

superhuman.com Save page

7.4/10MABTU rating

DESKTOP · 1440 × 7,376/ ↗

MOBILE · 390

Section outline · Home

01heroDark teal split with browser screenshot and product list650
02logo cloudBordered logo row338
03productBento of UI over photos with tabs1,630
04testimonialsLavender band with single large quote466
05productViolet and grey bento1,249
06productDocs bento with maroon tile1,279
07enterpriseDeep indigo split with screenshot570
08ctaViolet gradient strip251
09footerMaroon with link columns and giant wordmark

Rating · Home

Visual design7.8

UX & clarity7.5

Originality7.0

Craft & consistency7.8

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Super Sansheading · sans · self-hosted Super Sansbody · sans · self-hosted

Stack & style

Next.js Contentful React

Minimal Corporate / clean Bento Rounded / soft Product-UI-led Bento grid Logo cloud Sticky header Tabs

Also: Cloudflare, Google Analytics, Google Tag Manager, Amazon CloudFront

Design DNA

Warm light-grey page with a light grotesk at large sizes and small violet pill buttons. The hero is a dark teal split with a browser screenshot of the AI assistant. Each product (Go, Mail, Docs) gets an eyebrow logo, a centred two-weight headline and a bento where UI panels sit over blurred photography, deep violet or sand fills. A lavender band carries one large quote with bold emphasis. A deep indigo enterprise band, a violet gradient CTA strip and a maroon footer with a huge faint wordmark close the page.