Jakie są kolory marki resend.com?

Główne kolory resend.com to #00a3ff (akcent), #000000 (tło) i #a1a4a5 (tekst). Pełna paleta 10 kolorów, z rolą każdego z nich, jest na tej stronie jako kody hex.

Jaki jest kod hex resend.com?

Kolor akcentu na resend.com to #00a3ff; tło strony to #000000, a główny kolor tekstu #a1a4a5. Każdy zmierzono na wyrenderowanej stronie, więc to jest to, co widzą odwiedzający, a nie wartość z przewodnika stylu.

Jak użyć kolorów resend.com w Tailwind lub CSS?

Skopiuj zmienne CSS lub motyw Tailwind v4 z tej strony albo pobierz pakiet designu: zawiera tokens.json (tokeny designu W3C), tokens.css i tailwind.css z tymi samymi wartościami.

Paleta kolorów resend.com: kody hex i CSS

Paleta

Kolory: 10

Kolory	Rola	Hex	RGB	Jasny / ciemny
`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`

Zmienne CSS

Każdy kolor jako custom property, nazwana według roli. Blok ciemny pojawia się, gdy strona ma ciemny motyw.

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}

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

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

Paleta

Pytania

Jakie są kolory marki resend.com?

Jaki jest kod hex resend.com?

Jak użyć kolorów resend.com w Tailwind lub CSS?