Superhuman

Visit Website

Fast email client. Premium dark UI, keyboard-first, purple glow.

高级暗色UI键盘优先紫色光晕极速体验

Color Palette

primary

background

surface

text

muted

border

Typography

Heading FontInter, system-ui, sans-serif

Body FontInter, system-ui, sans-serif

Base Size15px

Line Height1.5

Weights400, 500, 600

Heading Scale

h1Superhuman Heading

h2Superhuman Heading

h3Superhuman Heading

h4Superhuman Heading

DESIGN.md

# Superhuman Design System

## Visual Theme & Atmosphere
Premium dark email experience. Purple glow against pure black. Keyboard-first.

## Agent Prompt Guide
Premium dark UI with purple glow. Keyboard-first patterns.

Related Design Systems

Airtable

Similar productivity tool design system

Notion

Notion Labs

Similar productivity tool design system

Raycast

Similar productivity tool design system

Linear

Similar productivity tool design system

Frequently Asked Questions

What is Superhuman's design style?

Fast email client. Premium dark UI, keyboard-first, purple glow.

What is Superhuman's primary color?

Superhuman uses #7B61FF as primary color, #0A0A0A for background, and #FFFFFF for text.

What fonts does Superhuman use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 15px.

How to use Superhuman design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Superhuman's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems