Warna
Palet warna voiceflow.com
voiceflow.com membangun halamannya di atas #f2f7f7 dengan teks #1a1e23 dan #397dff sebagai aksen, warna tombol utama dan tautannya. 10 warna di bawah ini diukur dari situs aslinya.
Diukur dari voiceflow.com 4 hari yang lalu.
Palet
10 warna| Warna | Peran | Hex | RGB |
|---|---|---|---|
background | Page background | #f2f7f7 | rgb(242 247 247) |
surface | Cards, panels, raised or recessed surfaces | #ffffff | rgb(255 255 255) |
surface-2 | Secondary surface | #f1f2f2 | rgb(241 242 242) |
surface-3 | Secondary surface | #d3e5f4 | rgb(211 229 244) |
foreground | Primary text | #1a1e23 | rgb(26 30 35) |
muted-foreground | Secondary text, captions | #515a63 | rgb(81 90 99) |
primary | Candidate accent (semantic role inferred) | #397dff | rgb(57 125 255) |
on-primary | Text on the accent | #111111 | rgb(17 17 17) |
secondary | Secondary accent (teal) | #008069 | rgb(0 128 105) |
border | Hairlines, dividers, input borders | #e2e4e5 | rgb(226 228 229) |
- Teks di atas latar halaman
- 15.49:1 · lolos WCAG AA
- Teks di atas aksen
- 4.99: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: #f2f7f7;
--color-surface: #ffffff;
--color-surface-2: #f1f2f2;
--color-surface-3: #d3e5f4;
--color-foreground: #1a1e23;
--color-muted-foreground: #515a63;
--color-primary: #397dff;
--color-on-primary: #111111;
--color-secondary: #008069;
--color-border: #e2e4e5;
}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/voiceflow.com/DESIGN.mdPertanyaan
Apa warna brand voiceflow.com?
Warna utama voiceflow.com adalah #397dff (aksen), #f2f7f7 (latar), dan #1a1e23 (teks). Palet lengkap 10 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.
Apa kode hex voiceflow.com?
Warna aksen di voiceflow.com adalah #397dff; latar halamannya #f2f7f7 dan warna teks utamanya #1a1e23. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna voiceflow.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.