Resend
Resend sets oversized domaine headlines on a dark void canvas. Cobalt (#00a3ff) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with fog text and neutral surfaces. The most common corner radius is 3.35544e+07px, with 16px and 6px on smaller elements.
resend.com ↗Colors
Cobalt
#00a3ff
Primary actions and links
Pale Lagoon
#a1fcea
Secondary accent and highlights
Void
#000000
Page canvas
Fog
#f0f0f0
Headlines and body copy
Silver Mist
#a0a0a0
Supporting colour
Soft Silver Mist
#a1a4a5
Supporting colour
Ash
#464a4d
Supporting colour
Deep Fog
#ebeced
Surface or divider
Bone White
#f1f7fe
Surface or divider
Type scale
Buttons
Style reference measured from the public page at resend.com on 2026-10-12 for design education. Resend and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Resend — Style Reference > Resend sets oversized domaine headlines on a dark void canvas. Cobalt (#00a3ff) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with fog text and neutral surfaces. The most common corner radius is 3.35544e+07px, with 16px and 6px on smaller elements. **Theme:** dark · **Source:** https://resend.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Cobalt | `#00a3ff` | `--color-accent` | Primary actions and links | | Pale Lagoon | `#a1fcea` | `--color-secondary` | Secondary accent and highlights | | Void | `#000000` | `--color-canvas` | Page canvas | | Fog | `#f0f0f0` | `--color-ink` | Headlines and body copy | | Silver Mist | `#a0a0a0` | `--color-surface-1` | Supporting colour | | Soft Silver Mist | `#a1a4a5` | `--color-surface-2` | Supporting colour | | Ash | `#464a4d` | `--color-surface-3` | Supporting colour | | Deep Fog | `#ebeced` | `--color-surface-4` | Surface or divider | | Bone White | `#f1f7fe` | `--color-surface-5` | Surface or divider | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | domaine | 96px | 400 | 1.00 | -0.010em | | Heading | aBCFavorit | 56px | 400 | 1.20 | -0.050em | | Subheading | aBCFavorit | 20px | 400 | 1.00 | 0 | | Body | inter | 18px | 400 | 1.50 | 0 | | Nav | inter | 14px | 500 | 1.43 | 0 | Font families on the page: inter, domaine, aBCFavorit, commitMono, -apple-system, Helvetica. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 3.35544e+07px, 16px, 6px, 8px, 4px - Primary button: background `#00a3ff`, text `#ffffff`, radius 4px, padding 12px 20px, 14px / 600
