Resend

resend.com ↗

Minimal dark developer tool with a pale sky-blue signature accent, crisp sans-serif type, and generous black negative space.

Email reimagined. Available today.

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download resend.mdthen, in your project:

$ npm i -g @getcoherent/cli
$ coherent import design resend.md

Colour

#d6ebfd

brand · button-secondary background

#000000

background · body background

#f0f0f0

text · body text

#fcfdff

text · h4 text

#a1a4a5

neutral · p text

Typography

Families: inter · ui-sans-serif · system-ui · sans-serif

display96pxw400/96px

h156pxw400/67.2px

h220pxw400/20px

h318pxw400/27px

h416pxw400/24px

h514pxw500/20px

body12pxw400/16px

Spacing

8px12px16px20px24px32px80px96px

Radius

0px

4px

6px

8px

10px

16px

24px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

rgb(0, 0, 0) 0px 0px 0px 8px

Gradients

linearlinear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.5))

linearlinear-gradient(96.6979deg, rgba(2, 252, 239, 0.44) 0%, rgba(255, 181, 43, 0.44) 50%, rgba(160, 43, 254, 0.44) 100%)

linearlinear-gradient(to top in oklab, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%)

linearlinear-gradient(104deg, rgba(253, 253, 253, 0.05) 5%, rgba(240, 240, 228, 0.1) 100%)

conicconic-gradient(from 90deg, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 50%)

radialradial-gradient(rgba(200, 200, 200, 0.1) 0%, rgba(0, 0, 0, 0) 80%)

linearlinear-gradient(to right bottom in oklab, rgb(146, 129, 247) 0%, rgb(154, 84, 220) 100%)

linearlinear-gradient(oklab(0.999994 0.0000455678 0.0000200868 / 0.03) 0%, rgba(0, 0, 0, 0) 100%)

linearlinear-gradient(in oklab, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)

linearlinear-gradient(in oklab, rgba(214, 235, 253, 0.19) 0%, rgba(211, 237, 248, 0.114) 100%)

Borders

1px solid rgba(0, 0, 0, 0)

2px solid oklab(0.999994 0.0000455678 0.0000200868 / 0.05)

1px solid #d9edff

1px solid #d6ebfd

1px solid #9281f7

1px solid #d9edfe

1px solid #ffffff

1px solid #262a2d

Motion

200mscubic-bezier(0.4, 0, 0.2, 1)color

150mscubic-bezier(0.4, 0, 0.2, 1)color

200mscubic-bezier(0.4, 0, 0.2, 1)all

200msease-outall

200mscubic-bezier(0.4, 0, 0.2, 1)border

150mscubic-bezier(0.4, 0, 0.2, 1)transform

Glassmorphism

blur(25px)

Surfaces

#000000

page

Layout

Breakpoints

md · 600px

Container widths

480pxcalc(100% - 18px)1280px

z-index ladder

110203040

Extracted from live CSS by Coherent (dark mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.

Save resend.md to your device

Open it on your desktop to run the CLI.