रंग
dropbox.com का कलर पैलेट
dropbox.com अपने पेज #ffffff पर बनाता है, #f7f5f2 टेक्स्ट के साथ और एक्सेंट के रूप में #0061fe, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 8 रंग लाइव साइट से मापे गए हैं।
dropbox.com से 4 दिन पहले मापा गया।
पैलेट
8 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #ffffff | rgb(255 255 255) |
surface | Cards, panels, raised or recessed surfaces | #eee9e2 | rgb(238 233 226) |
surface-2 | Secondary surface | #deebff | rgb(222 235 255) |
foreground | Primary text | #f7f5f2 | rgb(247 245 242) |
primary | Candidate accent (semantic role inferred) | #0061fe | rgb(0 97 254) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (red) | #cd2f7b | rgb(205 47 123) |
border | Hairlines, dividers, input borders | #1e1919 | rgb(30 25 25) |
- पेज बैकग्राउंड पर टेक्स्ट
- 1.09:1 · WCAG AA से नीचे
- एक्सेंट पर टेक्स्ट
- 5.07:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #ffffff;
--color-surface: #eee9e2;
--color-surface-2: #deebff;
--color-foreground: #f7f5f2;
--color-primary: #0061fe;
--color-on-primary: #ffffff;
--color-secondary: #cd2f7b;
--color-border: #1e1919;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/dropbox.com/DESIGN.mdसवाल
dropbox.com के ब्रांड रंग क्या हैं?
dropbox.com के मुख्य रंग #0061fe (एक्सेंट), #ffffff (बैकग्राउंड) और #f7f5f2 (टेक्स्ट) हैं। 8 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
dropbox.com का hex कोड क्या है?
dropbox.com का एक्सेंट रंग #0061fe है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #f7f5f2। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में dropbox.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।