रंग
resend.com का कलर पैलेट
resend.com अपने पेज #000000 पर बनाता है, #a1a4a5 टेक्स्ट के साथ और एक्सेंट के रूप में #00a3ff, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 10 रंग लाइव साइट से मापे गए हैं।
resend.com से 4 दिन पहले मापा गया।
पैलेट
10 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #000000 | rgb(0 0 0) | #000000 |
surface | Cards, panels, raised or recessed surfaces | #0b0e14 | rgb(11 14 20) | #0b0e14 |
surface-2 | Secondary surface | #041e12 | rgb(4 30 18) | #041e12 |
surface-3 | Secondary surface | #211100 | rgb(33 17 0) | #211100 |
foreground | Primary text | #a1a4a5 | rgb(161 164 165) | #a1a4a5 |
muted-foreground | Secondary text, captions | #6e727a | rgb(110 114 122) | #6e727a |
primary | Candidate accent (semantic role inferred) | #00a3ff | rgb(0 163 255) | #00a3ff |
on-primary | Text on the accent | #111111 | rgb(17 17 17) | #111111 |
secondary | Secondary accent (orange) | #eb5c5d | rgb(235 92 93) | #eb5c5d |
border | Hairlines, dividers, input borders | #292d30 | rgb(41 45 48) | #292d30 |
- पेज बैकग्राउंड पर टेक्स्ट
- 8.37:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 6.91:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #000000;
--color-surface: #0b0e14;
--color-surface-2: #041e12;
--color-surface-3: #211100;
--color-foreground: #a1a4a5;
--color-muted-foreground: #6e727a;
--color-primary: #00a3ff;
--color-on-primary: #111111;
--color-secondary: #eb5c5d;
--color-border: #292d30;
}
[data-theme="dark"] {
--color-background: #000000;
--color-surface: #0b0e14;
--color-surface-2: #041e12;
--color-surface-3: #211100;
--color-foreground: #a1a4a5;
--color-muted-foreground: #6e727a;
--color-primary: #00a3ff;
--color-on-primary: #111111;
--color-secondary: #eb5c5d;
--color-border: #292d30;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/resend.com/DESIGN.mdसवाल
resend.com के ब्रांड रंग क्या हैं?
resend.com के मुख्य रंग #00a3ff (एक्सेंट), #000000 (बैकग्राउंड) और #a1a4a5 (टेक्स्ट) हैं। 10 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
resend.com का hex कोड क्या है?
resend.com का एक्सेंट रंग #00a3ff है; पेज का बैकग्राउंड #000000 और मुख्य टेक्स्ट रंग #a1a4a5। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में resend.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।