रंग
how.studio का कलर पैलेट
how.studio अपने पेज #f9f8f2 पर बनाता है, #333333 टेक्स्ट के साथ और बिना किसी एक एक्सेंट रंग के। नीचे दिए 4 रंग लाइव साइट से मापे गए हैं।
how.studio से 4 दिन पहले मापा गया।
पैलेट
4 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #f9f8f2 | rgb(249 248 242) |
surface | Cards, panels, raised or recessed surfaces | #edebe2 | rgb(237 235 226) |
foreground | Primary text | #333333 | rgb(51 51 51) |
muted-foreground | Secondary text, captions | #666666 | rgb(102 102 102) |
- पेज बैकग्राउंड पर टेक्स्ट
- 11.87:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #f9f8f2;
--color-surface: #edebe2;
--color-foreground: #333333;
--color-muted-foreground: #666666;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/how.studio/DESIGN.mdसवाल
how.studio का hex कोड क्या है?
how.studio का एक्सेंट रंग #333333 है; पेज का बैकग्राउंड #f9f8f2 और मुख्य टेक्स्ट रंग #333333। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में how.studio के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।