Superhuman 是主打「速度」的邮件与办公套件，如今扩展为处处可用的 AI 生产力工具。其风格走高价质感路线：深紫渐变英雄区（#1b1938）对比大面积白色正文，Super Sans VF 用 460-700 之间的非标准字重档位，展示标题行高压到 0.96，按钮是低调的暖奶油色（#e9e5dd）而非高饱和 CTA，薰衣草紫（#cbb7fb）作唯一柔和点缀。适合高端效率工具。
开发者工具Vibrant
提示词模板
基础模板
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.
变体提示词
📱 移动端
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.
📊 仪表板
Design a dashboard with Superhuman design language. Use Superhuman color identity with #1b1938 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Superhuman visual identity. Use Superhuman color identity with #1b1938 accents. Compelling, conversion-focused.
使用示例
Superhuman 应用
Web 端Build a web app with Superhuman design language and #1b1938 color system.
Superhuman 仪表板
仪表板Create a dashboard using Superhuman style with data visualization and modern typography.
✅ 适合场景
- 开发者工具
- 邮件与效率类高端工具
- 键盘优先的专业界面
❌ 不适合场景
- 触控优先的休闲应用
- 活泼多彩的消费产品
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。