Apa kode hex wise.com?

Warna aksen di wise.com adalah #163300; latar halamannya #ffffff dan warna teks utamanya #163300. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.

Bagaimana cara memakai warna wise.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 wise.com: kode hex dan CSS

Palet

9 warna

Warna	Peran	Hex	RGB
`background`	Page background	`#ffffff`	`rgb(255 255 255)`
`surface`	Cards, panels, raised or recessed surfaces	`#ecefeb`	`rgb(236 239 235)`
`surface-2`	Secondary surface	`#e2f6d5`	`rgb(226 246 213)`
`surface-3`	Secondary surface	`#d0d6cc`	`rgb(208 214 204)`
`foreground`	Primary text	`#163300`	`rgb(22 51 0)`
`primary`	Candidate accent (semantic role inferred)	`#163300`	`rgb(22 51 0)`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`
`secondary`	Secondary accent (orange)	`#cf2929`	`rgb(207 41 41)`
`border`	Hairlines, dividers, input borders	`#e2e2e2`	`rgb(226 226 226)`

Variabel CSS

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

1:root {
2  --color-background: #ffffff;
3  --color-surface: #ecefeb;
4  --color-surface-2: #e2f6d5;
5  --color-surface-3: #d0d6cc;
6  --color-foreground: #163300;
7  --color-primary: #163300;
8  --color-on-primary: #ffffff;
9  --color-secondary: #cf2929;
10  --color-border: #e2e2e2;
11}

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/wise.com/DESIGN.md

Palet

Pertanyaan

Apa kode hex wise.com?

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