रंग
arc.net का कलर पैलेट
arc.net अपने पेज #0b0b0b पर बनाता है, #000000 टेक्स्ट के साथ और एक्सेंट के रूप में #3139fb, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 9 रंग लाइव साइट से मापे गए हैं।
arc.net से 6 दिन पहले मापा गया।
पैलेट
9 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #0b0b0b | rgb(11 11 11) |
surface | Cards, panels, raised or recessed surfaces | #282828 | rgb(40 40 40) |
surface-2 | Secondary surface | #1a1a1a | rgb(26 26 26) |
surface-3 | Secondary surface | #040404 | rgb(4 4 4) |
foreground | Primary text | #000000 | rgb(0 0 0) |
primary | Candidate accent (semantic role inferred) | #3139fb | rgb(49 57 251) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (orange) | #ff5f57 | rgb(255 95 87) |
border | Hairlines, dividers, input borders | #19191b | rgb(25 25 27) |
- पेज बैकग्राउंड पर टेक्स्ट
- 1.07:1 · WCAG AA से नीचे
- एक्सेंट पर टेक्स्ट
- 6.75:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #0b0b0b;
--color-surface: #282828;
--color-surface-2: #1a1a1a;
--color-surface-3: #040404;
--color-foreground: #000000;
--color-primary: #3139fb;
--color-on-primary: #ffffff;
--color-secondary: #ff5f57;
--color-border: #19191b;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/arc.net/DESIGN.mdसवाल
arc.net के ब्रांड रंग क्या हैं?
arc.net के मुख्य रंग #3139fb (एक्सेंट), #0b0b0b (बैकग्राउंड) और #000000 (टेक्स्ट) हैं। 9 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
arc.net का hex कोड क्या है?
arc.net का एक्सेंट रंग #3139fb है; पेज का बैकग्राउंड #0b0b0b और मुख्य टेक्स्ट रंग #000000। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में arc.net के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।