# Resend Design System ## Visual Theme & Atmosphere 邮件API平台。黑白极简设计,开发者优先,代码示例突出 ## Color Palette & Roles | Token | Hex | Role | |-------|-----|------| | Primary | #000000 | Brand color | | Secondary | #FFFFFF | Hover/secondary | | Background | #FFFFFF | Main canvas | | Surface | #F9FAFB | Cards, panels | | Text | #111827 | Primary text | | Muted | #6B7280 | Secondary text | | Border | #E5E7EB | Dividers | ## Typography Rules - **Heading Font**: Inter, system-ui, sans-serif - **Body Font**: Inter, system-ui, sans-serif - **Mono Font**: JetBrains Mono, monospace - **Base Size**: 15px - **Line Height**: 1.5 - **Weights**: 400, 500, 600, 700 ## Component Stylings - **Buttons**: Primary accent color, clean rounded style - **Cards**: Surface background, subtle borders, hover states - **Navigation**: Clean, brand-colored indicators ## Agent Prompt Guide Use Resend's design language: 邮件API平台. Primary color #000000 on #FFFFFF background. Typography: Inter.
邮件API平台。黑白极简设计,开发者优先,代码示例突出
Resend 的主色调是 #000000,背景色为 #FFFFFF,文本色为 #111827。
标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 15px。
点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Resend 风格的代码。