Apa warna brand resend.com?

Warna utama resend.com adalah #00a3ff (aksen), #000000 (latar), dan #a1a4a5 (teks). Palet lengkap 10 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.

Apa kode hex resend.com?

Warna aksen di resend.com adalah #00a3ff; latar halamannya #000000 dan warna teks utamanya #a1a4a5. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.

Bagaimana cara memakai warna resend.com di Tailwind atau CSS?

Salin variabel CSS atau tema Tailwind v4 di halaman ini, atau unduh paket desainnya: di dalamnya ada tokens.json (design token W3C), tokens.css, dan tailwind.css dengan nilai yang sama.

Palet warna resend.com: kode hex dan CSS

Palet

10 warna

Warna	Peran	Hex	RGB	Terang / gelap
`background`	Page background	`#000000`	`rgb(0 0 0)`	`#000000`
`surface`	Cards, panels, raised or recessed surfaces	`#0b0e14`	`rgb(11 14 20)`	`#0b0e14`
`surface-2`	Secondary surface	`#041e12`	`rgb(4 30 18)`	`#041e12`
`surface-3`	Secondary surface	`#211100`	`rgb(33 17 0)`	`#211100`
`foreground`	Primary text	`#a1a4a5`	`rgb(161 164 165)`	`#a1a4a5`
`muted-foreground`	Secondary text, captions	`#6e727a`	`rgb(110 114 122)`	`#6e727a`
`primary`	Candidate accent (semantic role inferred)	`#00a3ff`	`rgb(0 163 255)`	`#00a3ff`
`on-primary`	Text on the accent	`#111111`	`rgb(17 17 17)`	`#111111`
`secondary`	Secondary accent (orange)	`#eb5c5d`	`rgb(235 92 93)`	`#eb5c5d`
`border`	Hairlines, dividers, input borders	`#292d30`	`rgb(41 45 48)`	`#292d30`

Variabel CSS

Setiap warna sebagai custom property, dinamai menurut perannya. Blok gelap muncul bila situs punya tema gelap.

1:root {
2  --color-background: #000000;
3  --color-surface: #0b0e14;
4  --color-surface-2: #041e12;
5  --color-surface-3: #211100;
6  --color-foreground: #a1a4a5;
7  --color-muted-foreground: #6e727a;
8  --color-primary: #00a3ff;
9  --color-on-primary: #111111;
10  --color-secondary: #eb5c5d;
11  --color-border: #292d30;
12}
13
14[data-theme="dark"] {
15  --color-background: #000000;
16  --color-surface: #0b0e14;
17  --color-surface-2: #041e12;
18  --color-surface-3: #211100;
19  --color-foreground: #a1a4a5;
20  --color-muted-foreground: #6e727a;
21  --color-primary: #00a3ff;
22  --color-on-primary: #111111;
23  --color-secondary: #eb5c5d;
24  --color-border: #292d30;
25}

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

curl -s https://stylepack.ai/packs/resend.com/DESIGN.md

Palet

Pertanyaan

Apa warna brand resend.com?

Apa kode hex resend.com?

Bagaimana cara memakai warna resend.com di Tailwind atau CSS?