Superhuman: Superhuman AI email suite landing with portrait hero and tabbed product modules
The hero is a striking full-bleed violet gradient with a centered profile portrait of a woman shot in moody side-light, headline "Superpowers, everywhere you work" set in a thin serif over her, and a dark pill CTA. The signature element is the "Your Superhuman suite" tabbed switcher (Mail / Grammarly / Coda / Go), where each tab expands into a paired feature module with serif heading, checkmark bullet list, and a saturated sky/landscape-gradient product mockup on the right. A thin top banner ("Looking for Superhuman Mail?") and a giant ghosted SUPERHUMAN wordmark anchoring the dark maroon footer round out the page.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/superhuman-superhuman-ai-email-suite-landing-with-portrait-hero-and-tabbed-product-modules.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Superhuman
- CTA / Sign-up — AI that works everywhere — sky CTA
- CTA / Sign-up — Becoming Superhuman dark teal narrative block
- Feature — Coda tab — all-in-one AI workspace
- Feature — Go tab — proactive AI assistant
- Feature — Grammarly tab — AI writing partner
- Feature — Mail tab — most productive email app
- Footer — Maroon footer with giant ghosted wordmark
- Logo Wall — Trusted-by logo row
- Hero — Violet gradient portrait hero with serif headline