Back to Library
R

Resend

Resend

Visit Website

邮件API平台。黑白极简设计,开发者优先,代码示例突出

黑白极简代码示例API优先邮件开发TypeScript

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size15px
Line Height1.5
Weights400, 500, 600, 700

Heading Scale

h1Resend Heading
h2Resend Heading
h3Resend Heading
h4Resend Heading

DESIGN.md

# 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.

Frequently Asked Questions

What is Resend's design style?

邮件API平台。黑白极简设计,开发者优先,代码示例突出

What is Resend's primary color?

Resend uses #000000 as primary color, #FFFFFF for background, and #111827 for text.

What fonts does Resend use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 15px.

How to use Resend design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Resend's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems