Resend 是为开发者打造的邮件 API——使命是「触达真人而不是垃圾箱」。其界面像一座剧场般纯黑（#000000）配近白文字（#f0f0f0），字体三层分工：Domaine Display 衬线管英雄句、ABC Favorit 管区块、Inter 管界面；每条描边都带冰冷蓝调（rgba(214,235,253,0.19)），橙绿蓝黄红多色系统各配编号变量，胶囊按钮透明底色。适合开发者 API 与基础设施产品。
效率与 SaaS现代极简
提示词模板
基础模板
Design a Resend-inspired interface. - Pure black background with near-white (#f0f0f0) text — theatrical, gallery-like darkness; - Three-font hierarchy: Domaine Display (serif hero), ABC Favorit (geometric sections), Inter (body/UI); - Icy blue-tinted borders: rgba(214, 235, 253, 0.19) — every border has a cold, crystalline shimmer; - Multi-color accent system: orange, green, blue, yellow, red — each with numbered CSS variable scales; - Pill-shaped buttons and tags (9999px radius) with transparent backgrounds. Colors: #000000, #f0f0f0, #ffffff, #ff5900 with #ff5900 accent. Typography: - Background: transparent.
变体提示词
📱 移动端
Design a mobile app with Resend aesthetics. Use Resend color identity with #ff5900 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Resend style. Use Resend color identity with #ff5900 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Resend design language. Use Resend color identity with #ff5900 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Resend visual identity. Use Resend color identity with #ff5900 accents. Compelling, conversion-focused.
使用示例
Resend 应用
Web 端Build a web app with Resend design language and #ff5900 color system.
Resend 仪表板
仪表板Create a dashboard using Resend style with data visualization and - Background: transparent typography.
✅ 适合场景
- SaaS 产品
- 开发者 API 产品官网
- 极简深色的 SaaS 控制台
❌ 不适合场景
- 活泼多彩的消费产品
- 传统行业的厚重官网
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。