रंग
supabase.com का कलर पैलेट
supabase.com अपने पेज #000000 पर बनाता है, #ffffff टेक्स्ट के साथ और एक्सेंट के रूप में #15593b, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 9 रंग लाइव साइट से मापे गए हैं।
supabase.com से 4 दिन पहले मापा गया।
पैलेट
9 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #000000 | rgb(0 0 0) | #000000 |
surface | Cards, panels, raised or recessed surfaces | #0c0f24 | rgb(12 15 36) | #0c0f24 |
surface-2 | Secondary surface | #002533 | rgb(0 37 51) | #002533 |
foreground | Primary text | #ffffff | rgb(255 255 255) | #ffffff |
muted-foreground | Secondary text, captions | #a0a0a0 | rgb(160 160 160) | |
primary | Candidate accent (semantic role inferred) | #15593b | rgb(21 89 59) | #3ecf8e |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #111111 |
secondary | Secondary accent (pink) | #8e4ec6 | rgb(142 78 198) | #8e4ec6 |
border | Hairlines, dividers, input borders | #3fcf8e | rgb(63 207 142) | #3ecf8e |
- पेज बैकग्राउंड पर टेक्स्ट
- 21.00:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 8.32:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #000000;
--color-surface: #0c0f24;
--color-surface-2: #002533;
--color-foreground: #ffffff;
--color-muted-foreground: #a0a0a0;
--color-primary: #15593b;
--color-on-primary: #ffffff;
--color-secondary: #8e4ec6;
--color-border: #3fcf8e;
}
[data-theme="dark"] {
--color-background: #000000;
--color-surface: #0c0f24;
--color-surface-2: #002533;
--color-foreground: #ffffff;
--color-primary: #3ecf8e;
--color-on-primary: #111111;
--color-secondary: #8e4ec6;
--color-border: #3ecf8e;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/supabase.com/DESIGN.mdसवाल
supabase.com के ब्रांड रंग क्या हैं?
supabase.com के मुख्य रंग #15593b (एक्सेंट), #000000 (बैकग्राउंड) और #ffffff (टेक्स्ट) हैं। 9 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
supabase.com का hex कोड क्या है?
supabase.com का एक्सेंट रंग #15593b है; पेज का बैकग्राउंड #000000 और मुख्य टेक्स्ट रंग #ffffff। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में supabase.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।