Warna
Palet warna papermark.com
papermark.com membangun halamannya di atas #ffffff dengan teks #0b0b0b dan #000000 sebagai aksen, warna tombol utama dan tautannya. 10 warna di bawah ini diukur dari situs aslinya.
Diukur dari papermark.com 4 hari yang lalu.
Palet
10 warna| Warna | Peran | Hex | RGB | Terang / gelap |
|---|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) | #030712 |
surface | Cards, panels, raised or recessed surfaces | #f5f3ee | rgb(245 243 238) | #000000 |
surface-2 | Secondary surface | #dddddd | rgb(221 221 221) | #0b0b0b |
surface-3 | Secondary surface | #d1d1d1 | rgb(209 209 209) | #1a1a1a |
foreground | Primary text | #0b0b0b | rgb(11 11 11) | #0b0b0b |
muted-foreground | Secondary text, captions | #949494 | rgb(148 148 148) | |
primary | Candidate accent (semantic role inferred) | #000000 | rgb(0 0 0) | #ffffff |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #111111 |
secondary | Secondary accent (teal) | #08a87a | rgb(8 168 122) | #08a87a |
border | Hairlines, dividers, input borders | #ffffff | rgb(255 255 255) | #121620 |
- Teks di atas latar halaman
- 19.68:1 · lolos WCAG AA
- Teks di atas aksen
- 21.00: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: #ffffff;
--color-surface: #f5f3ee;
--color-surface-2: #dddddd;
--color-surface-3: #d1d1d1;
--color-foreground: #0b0b0b;
--color-muted-foreground: #949494;
--color-primary: #000000;
--color-on-primary: #ffffff;
--color-secondary: #08a87a;
--color-border: #ffffff;
}
[data-theme="dark"] {
--color-background: #030712;
--color-surface: #000000;
--color-surface-2: #0b0b0b;
--color-surface-3: #1a1a1a;
--color-foreground: #0b0b0b;
--color-primary: #ffffff;
--color-on-primary: #111111;
--color-secondary: #08a87a;
--color-border: #121620;
}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/papermark.com/DESIGN.mdPertanyaan
Apa warna brand papermark.com?
Warna utama papermark.com adalah #000000 (aksen), #ffffff (latar), dan #0b0b0b (teks). Palet lengkap 10 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.
Apa kode hex papermark.com?
Warna aksen di papermark.com adalah #000000; latar halamannya #ffffff dan warna teks utamanya #0b0b0b. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna papermark.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.