रंग
relume.ai का कलर पैलेट
relume.ai अपने पेज #f1f0ee पर बनाता है, #101010 टेक्स्ट के साथ और एक्सेंट के रूप में #ff00f4, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 9 रंग लाइव साइट से मापे गए हैं।
relume.ai से 4 दिन पहले मापा गया।
पैलेट
9 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #f1f0ee | rgb(241 240 238) | #101010 |
surface | Cards, panels, raised or recessed surfaces | #ffffff | rgb(255 255 255) | #2b2319 |
surface-2 | Secondary surface | #e4e3e1 | rgb(228 227 225) | #1a1a1a |
foreground | Primary text | #101010 | rgb(16 16 16) | #ffffff |
muted-foreground | Secondary text, captions | #343434 | rgb(52 52 52) | #8a8a8a |
primary | Candidate accent (semantic role inferred) | #ff00f4 | rgb(255 0 244) | #6c0063 |
on-primary | Text on the accent | #111111 | rgb(17 17 17) | #ffffff |
secondary | Secondary accent (cyan) | #98eafd | rgb(152 234 253) | #102d66 |
border | Hairlines, dividers, input borders | #dcdbd9 | rgb(220 219 217) | #1e1e1e |
- पेज बैकग्राउंड पर टेक्स्ट
- 16.71:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 5.90:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #f1f0ee;
--color-surface: #ffffff;
--color-surface-2: #e4e3e1;
--color-foreground: #101010;
--color-muted-foreground: #343434;
--color-primary: #ff00f4;
--color-on-primary: #111111;
--color-secondary: #98eafd;
--color-border: #dcdbd9;
}
[data-theme="dark"] {
--color-background: #101010;
--color-surface: #2b2319;
--color-surface-2: #1a1a1a;
--color-foreground: #ffffff;
--color-muted-foreground: #8a8a8a;
--color-primary: #6c0063;
--color-on-primary: #ffffff;
--color-secondary: #102d66;
--color-border: #1e1e1e;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/relume.ai/DESIGN.mdसवाल
relume.ai के ब्रांड रंग क्या हैं?
relume.ai के मुख्य रंग #ff00f4 (एक्सेंट), #f1f0ee (बैकग्राउंड) और #101010 (टेक्स्ट) हैं। 9 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
relume.ai का hex कोड क्या है?
relume.ai का एक्सेंट रंग #ff00f4 है; पेज का बैकग्राउंड #f1f0ee और मुख्य टेक्स्ट रंग #101010। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में relume.ai के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।