Warna
Palet warna mercury.com
mercury.com membangun halamannya di atas #171721 dengan teks #ededf3 dan #5266eb sebagai aksen, warna tombol utama dan tautannya. 8 warna di bawah ini diukur dari situs aslinya.
Diukur dari mercury.com 4 hari yang lalu.
Palet
8 warna| Warna | Peran | Hex | RGB |
|---|---|---|---|
background | Page background | #171721 | rgb(23 23 33) |
surface | Cards, panels, raised or recessed surfaces | #353644 | rgb(53 54 68) |
surface-2 | Secondary surface | #20202c | rgb(32 32 44) |
foreground | Primary text | #ededf3 | rgb(237 237 243) |
muted-foreground | Secondary text, captions | #c3c3cc | rgb(195 195 204) |
primary | Candidate accent (semantic role inferred) | #5266eb | rgb(82 102 235) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
border | Hairlines, dividers, input borders | #70707d | rgb(112 112 125) |
- Teks di atas latar halaman
- 15.25:1 · lolos WCAG AA
- Teks di atas aksen
- 4.71:1 · lolos WCAG AA
Variabel CSS
Setiap warna sebagai custom property, dinamai menurut perannya. Blok gelap muncul bila situs punya tema gelap.
:root {
--color-background: #171721;
--color-surface: #353644;
--color-surface-2: #20202c;
--color-foreground: #ededf3;
--color-muted-foreground: #c3c3cc;
--color-primary: #5266eb;
--color-on-primary: #ffffff;
--color-border: #70707d;
}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/mercury.com/DESIGN.mdPertanyaan
Apa warna brand mercury.com?
Warna utama mercury.com adalah #5266eb (aksen), #171721 (latar), dan #ededf3 (teks). Palet lengkap 8 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.
Apa kode hex mercury.com?
Warna aksen di mercury.com adalah #5266eb; latar halamannya #171721 dan warna teks utamanya #ededf3. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna mercury.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.