Renkler
voiceflow.com renk paleti
voiceflow.com, sayfalarını #f2f7f7 zemin ve #1a1e23 metinle kuruyor; vurgu rengi ise #397dff, yani birincil düğmelerinin ve bağlantılarının rengi. Aşağıdaki 10 renk canlı siteden ölçüldü.
voiceflow.com sitesinden 4 gün önce ölçüldü.
Palet
10 renk| Renkler | Rol | 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) |
- Sayfa zemini üzerinde metin
- 15.49:1 · WCAG AA geçiyor
- Vurgu rengi üzerinde metin
- 4.99:1 · WCAG AA geçiyor
CSS değişkenleri
Her renk, rolüne göre adlandırılmış bir özel özellik (custom property) olarak. Sitenin koyu teması varsa koyu blok da burada.
: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;
}Yapay zeka ajanları için
Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.
curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.mdSorular
voiceflow.com marka renkleri nelerdir?
Başlıca voiceflow.com renkleri #397dff (vurgu), #f2f7f7 (zemin) ve #1a1e23 (metin). 10 renkten oluşan tam palet, her birinin rolüyle birlikte, bu sayfada hex kodu olarak yer alıyor.
voiceflow.com hex kodu nedir?
voiceflow.com sitesinin vurgu rengi #397dff; sayfa zemini #f2f7f7, ana metin rengi #1a1e23. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.
voiceflow.com renklerini Tailwind ya da CSS içinde nasıl kullanırım?
Bu sayfadaki CSS değişkenlerini ya da Tailwind v4 temasını kopyalayın veya tasarım paketini indirin: aynı değerlerle tokens.json (W3C tasarım token’ları), tokens.css ve tailwind.css içerir.