darkminimaldeveloper-focusedapi-first

Resend Colors & Fonts

What colors and fonts does Resend use? Email API for developers. Dark, minimal, code-focused.

Resend Color Palette

Primary: #FFFFFF

Primary

#FFFFFF

Brand, text

Background

#000000

Main background

Surface

#0A0A0A

Cards

Border

#262626

Dividers

Text Primary

#FFFFFF

Headings

Text Secondary

#A3A3A3

Body text

What Font Does Resend Use?

Resend uses Inter and Inter

Headings

Inter

600google
Body Text

Inter

400google
Code

JetBrains Mono

400google

Spacing & Radius

Spacing Scale

Base: 4px

48162432486496

Border Radius

Small4px
Medium8px
Large12px

Resend Tailwind Config

Copy this config to your project

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': '#FFFFFF',
        'background': '#000000',
        'surface': '#0A0A0A',
        'border': '#262626',
        'text-primary': '#FFFFFF',
        'text-secondary': '#A3A3A3',
      },
      fontFamily: {
        'heading': ['Inter', 'sans-serif'],
        'body': ['Inter', 'sans-serif'],
        'mono': ['JetBrains Mono', 'sans-serif'],
      },
    },
  },
}

Extract Resend's Full Design

Get pixel-perfect colors, fonts, and spacing extracted directly from the live site. Ready for Tailwind and Cursor AI.

Get PromptUI — $19

One-time payment · 20 extractions · No subscription

Updated: 2025-01-15