resend.com marka renkleri nelerdir?

Başlıca resend.com renkleri #00a3ff (vurgu), #000000 (zemin) ve #a1a4a5 (metin). 10 renkten oluşan tam palet, her birinin rolüyle birlikte, bu sayfada hex kodu olarak yer alıyor.

resend.com hex kodu nedir?

resend.com sitesinin vurgu rengi #00a3ff; sayfa zemini #000000, ana metin rengi #a1a4a5. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.

resend.com renklerini Tailwind ya da CSS içinde nasıl kullanırım?

Bu sayfadaki CSS değişkenlerini ya da Tailwind v4 temasını kopyalayın veya tasarım paketini indirin: aynı değerlerle tokens.json (W3C tasarım token’ları), tokens.css ve tailwind.css içerir.

resend.com renk paleti: hex kodları ve CSS

Palet

10 renk

Renkler	Rol	Hex	RGB	Açık / koyu
`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`

CSS değişkenleri

Her renk, rolüne göre adlandırılmış bir özel özellik (custom property) olarak. Sitenin koyu teması varsa koyu blok da burada.

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}

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

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

Palet

Sorular

resend.com marka renkleri nelerdir?

resend.com hex kodu nedir?

resend.com renklerini Tailwind ya da CSS içinde nasıl kullanırım?