Resend 是為開發者打造的郵件 API——使命是「觸達真人而不是垃圾箱」。其介面像一座劇場般純黑（#000000）配近白文字（#f0f0f0），字型三層分工：Domaine Display 襯線管主視覺句、ABC Favorit 管區塊、Inter 管介面；每條描邊都帶冰冷藍調（rgba(214,235,253,0.19)），橙綠藍黃紅多色系統各配編號變數，膠囊按鈕透明底色。適合開發者 API 與基礎設施產品。
Resend效率與 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 程式設計工具使用。