रंग
voiceflow.com का कलर पैलेट
voiceflow.com अपने पेज #f2f7f7 पर बनाता है, #1a1e23 टेक्स्ट के साथ और एक्सेंट के रूप में #397dff, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 10 रंग लाइव साइट से मापे गए हैं।
voiceflow.com से 4 दिन पहले मापा गया।
पैलेट
10 रंग| रंग | भूमिका | 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) |
- पेज बैकग्राउंड पर टेक्स्ट
- 15.49:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 4.99:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
: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;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.mdसवाल
voiceflow.com के ब्रांड रंग क्या हैं?
voiceflow.com के मुख्य रंग #397dff (एक्सेंट), #f2f7f7 (बैकग्राउंड) और #1a1e23 (टेक्स्ट) हैं। 10 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
voiceflow.com का hex कोड क्या है?
voiceflow.com का एक्सेंट रंग #397dff है; पेज का बैकग्राउंड #f2f7f7 और मुख्य टेक्स्ट रंग #1a1e23। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में voiceflow.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।