Warna
Palet warna causal.so
causal.so membangun halamannya di atas #f9f9f9 dengan teks #1a1a1a dan tanpa satu warna aksen tertentu. 10 warna di bawah ini diukur dari situs aslinya.
Diukur dari causal.so 4 hari yang lalu.
Palet
10 warna| Warna | Peran | Hex | RGB | Terang / gelap |
|---|---|---|---|---|
background | Page background | #f9f9f9 | rgb(249 249 249) | #060606 |
surface | Cards, panels, raised or recessed surfaces | #e3e3e5 | rgb(227 227 229) | #111111 |
surface-2 | Secondary surface | #abdddf | rgb(171 221 223) | #3d2b1f |
surface-3 | Secondary surface | #d8d8d8 | rgb(216 216 216) | #1a1a1a |
foreground | Primary text | #1a1a1a | rgb(26 26 26) | #111111 |
muted-foreground | Secondary text, captions | #878787 | rgb(135 135 135) | |
primary | Candidate accent (semantic role inferred) | #1a1a1a | rgb(26 26 26) | #e5e5e5 |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #111111 |
secondary | Secondary accent (amber) | #ffc9a0 | rgb(255 201 160) | #c98a74 |
border | Hairlines, dividers, input borders | #f2f2f2 | rgb(242 242 242) | #f2f2f2 |
- Teks di atas latar halaman
- 16.53:1 · lolos WCAG AA
- Teks di atas aksen
- 17.40: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: #f9f9f9;
--color-surface: #e3e3e5;
--color-surface-2: #abdddf;
--color-surface-3: #d8d8d8;
--color-foreground: #1a1a1a;
--color-muted-foreground: #878787;
--color-primary: #1a1a1a;
--color-on-primary: #ffffff;
--color-secondary: #ffc9a0;
--color-border: #f2f2f2;
}
[data-theme="dark"] {
--color-background: #060606;
--color-surface: #111111;
--color-surface-2: #3d2b1f;
--color-surface-3: #1a1a1a;
--color-foreground: #111111;
--color-primary: #e5e5e5;
--color-on-primary: #111111;
--color-secondary: #c98a74;
--color-border: #f2f2f2;
}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/causal.so/DESIGN.mdPertanyaan
Apa kode hex causal.so?
Warna aksen di causal.so adalah #1a1a1a; latar halamannya #f9f9f9 dan warna teks utamanya #1a1a1a. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna causal.so 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.