Superhuman

Difficulty:
Company
superhuman

Effect Preview

Style Description

High-speed email client. Premium dark UI, keyboard-first

Tags

SuperhumanDeveloper

Prompt Template

Base Template
Design a Superhuman-inspired interface. - Deep purple gradient hero (#1b1938) contrasting against a predominantly white content body; - Super Sans VF variable font with non-standard weight stops (460, 540, 600, 700) — sits between conventional weight categories; - Ultra-tight display line-height (0.96) creating compressed, powerful headlines; - Warm Cream (#e9e5dd) buttons instead of bright/saturated CTAs — understated luxury; - Lavender Purple (#cbb7fb) as the singular accent color — a soft, approachable purple. Colors: #1b1938, #cbb7fb, #292827, #714cb6 with #1b1938 accent.

Variant Prompts

📱 Mobile
Design a mobile app with Superhuman aesthetics. Use Superhuman color identity with #1b1938 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Superhuman style. Use Superhuman color identity with #1b1938 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Superhuman design language. Use Superhuman color identity with #1b1938 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Superhuman visual identity. Use Superhuman color identity with #1b1938 accents. Compelling, conversion-focused.

Usage Examples

Superhuman App

Web App
Build a web app with Superhuman design language and #1b1938 color system.

Superhuman Dashboard

Dashboard
Create a dashboard using Superhuman style with data visualization and modern typography.

✅ Best For

  • Developer
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines