Superhuman

superhuman.com/

Superhuman is a Productivity product. See its superhuman.com landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, pricing, about us, contact us, and 2 more. It's built with Next.js. Its type is set in Super Sans VF, anchored by a #421d24 palette. Study how Superhuman structures its messaging, layout and visual hierarchy, then explore more of the best Productivity website designs.

Featured in: 8 Real SaaS Pricing Pages, and the Patterns Actually Worth Copying

Category

Productivity

Style

LightColorful

Meta title

Superhuman: Docs, Mail, and AI That Work Everywhere

Stack

Next.js

Typography

CSSDisplaySuper Sans VF

Palette

#421d24#6a8ac8#6b5d9c#a6b5d7#d8d6e6

Copy allCSS vars

Sections

07

Updated

Aug 21, 2026