रंग
causal.so का कलर पैलेट
causal.so अपने पेज #f9f9f9 पर बनाता है, #1a1a1a टेक्स्ट के साथ और बिना किसी एक एक्सेंट रंग के। नीचे दिए 10 रंग लाइव साइट से मापे गए हैं।
causal.so से 4 दिन पहले मापा गया।
पैलेट
10 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #f9f9f9 | rgb(249 249 249) | #060606 |
surface | Cards, panels, raised or recessed surfaces | #e3e3e5 | rgb(227 227 229) | #111111 |
surface-2 | Secondary surface | #abdddf | rgb(171 221 223) | #3d2b1f |
surface-3 | Secondary surface | #d8d8d8 | rgb(216 216 216) | #1a1a1a |
foreground | Primary text | #1a1a1a | rgb(26 26 26) | #111111 |
muted-foreground | Secondary text, captions | #878787 | rgb(135 135 135) | |
primary | Candidate accent (semantic role inferred) | #1a1a1a | rgb(26 26 26) | #e5e5e5 |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) | #111111 |
secondary | Secondary accent (amber) | #ffc9a0 | rgb(255 201 160) | #c98a74 |
border | Hairlines, dividers, input borders | #f2f2f2 | rgb(242 242 242) | #f2f2f2 |
- पेज बैकग्राउंड पर टेक्स्ट
- 16.53:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 17.40:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #f9f9f9;
--color-surface: #e3e3e5;
--color-surface-2: #abdddf;
--color-surface-3: #d8d8d8;
--color-foreground: #1a1a1a;
--color-muted-foreground: #878787;
--color-primary: #1a1a1a;
--color-on-primary: #ffffff;
--color-secondary: #ffc9a0;
--color-border: #f2f2f2;
}
[data-theme="dark"] {
--color-background: #060606;
--color-surface: #111111;
--color-surface-2: #3d2b1f;
--color-surface-3: #1a1a1a;
--color-foreground: #111111;
--color-primary: #e5e5e5;
--color-on-primary: #111111;
--color-secondary: #c98a74;
--color-border: #f2f2f2;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/causal.so/DESIGN.mdसवाल
causal.so का hex कोड क्या है?
causal.so का एक्सेंट रंग #1a1a1a है; पेज का बैकग्राउंड #f9f9f9 और मुख्य टेक्स्ट रंग #1a1a1a। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में causal.so के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।