Superhuman UI design & app screens

Designed around the keyboard, mouse optional

Superhuman inverts the usual priority order of an email client: the keyboard is the primary input and the pointer is the fallback. Almost every action has a single-key or two-key shortcut, and the interface reinforces this everywhere — hovering a control surfaces its key hint, and onboarding is a guided drill that trains muscle memory rather than a feature tour. The layout is deliberately sparse so nothing competes with speed: a narrow list column, a wide reading pane, generous whitespace, and a restrained monochrome palette with one cool accent for selection and focus states.

The centerpiece is the command palette, opened with Cmd+K, which collapses the entire feature set into a single fuzzy-searchable list. Instead of hunting through menus for 'mark as read', 'move to', 'share conversation', or 'remind me', you summon the palette and type a few characters. This is the pattern most worth borrowing: one predictable entry point that scales to hundreds of commands without adding a single item of persistent chrome to the screen.

Split Inbox as a triage philosophy

Superhuman's Split Inbox breaks the single stream into stacked, user-defined sections — team, VIPs, news, calendar, and custom filters — each rendered as its own labeled band you can jump between with a shortcut. Rather than one undifferentiated pile sorted by time, the inbox becomes a set of pre-triaged lanes, so the visual hierarchy tells you what deserves attention before you read a single subject line. It is a strong reference for any product wrestling with a high-volume feed that users need to mentally partition.

Speed is reinforced by micro-interactions that reward clearing work. Snippets expand canned replies from a short trigger; Send Later and Remind Me tuck messages out of view and resurface them on schedule; and reaching zero messages triggers Superhuman's signature reward — a full-bleed serene photograph filling the empty inbox. That deliberate emotional payoff turns an empty state, usually an afterthought, into the emotional core of the product.

Polish measured in milliseconds

Superhuman's reputation rests on perceived performance, and the UI is engineered to feel instant: navigating messages, archiving, and searching return results with no visible spinner, and optimistic updates apply changes to the view before the server confirms. The team is public about a self-imposed budget of roughly a hundred milliseconds for interactions, and you feel it — the client never makes you wait to know an action landed.

The detailing extends to information that other clients bury. Read statuses show whether and when a recipient opened your message; a compact contact panel surfaces social and calendar context beside the thread; and typography is tuned for scanning, with tight but legible line spacing in the list and comfortable measure in the reading pane. For designers, Superhuman is the reference for how far obsessive attention to latency, spacing, and shortcut ergonomics can differentiate a product in a category everyone assumes is finished.

Frequently asked questions