Resend Brand

If you're building anything customer-facing for Resend, this keeps you from guessing at hex codes or grabbing the wrong logo variant. It's loaded with their complete brand guidelines: the core black and white palette, semantic colors for different states, typography rules (Domaine Display Narrow for headlines, Favorit for headings, Inter for body, CommitMono for code), direct CDN links to logo assets, and layout patterns they actually use. The strictness is helpful. Sentence case everywhere, never bold the Domaine font, specific clearspace rules for the wordmark. You'll spend less time in Figma files or Slack threads asking if something looks right.

skills.sh installs: 2
GitHub stars: 39
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add resend/design-skills --skill resend-brand --agent claude-code

Installs into .claude/skills of the current project.

Files

Resend Brand Guidelines

Core Colors

Name	Hex
Resend Black	`#000000`
Resend White	`#FDFDFD`

Semantic Colors

Scale	Background	Foreground	Usage
Gray	`#16171AEB`	`#FDFEFFA6`	Structure, hierarchy, and subtle separation
Red	`#FF173F2D`	`#FF9592`	Critical states and irreversible actions
Amber	`#FA820022`	`#FFCA16`	Caution and pending states
Green	`#22FF991E`	`#46FEA5D4`	Success and completion
Blue	`#0077FF3A`	`#70B8FF`	Interactive and informational elements