wearebou.com का hex कोड क्या है?

wearebou.com का एक्सेंट रंग #0a0a0a है; पेज का बैकग्राउंड #ffffff और मुख्य टेक्स्ट रंग #0a0a0a। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।

Tailwind या CSS में wearebou.com के रंग कैसे इस्तेमाल करूँ?

इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।

wearebou.com कलर पैलेट: hex कोड और CSS

पैलेट

7 रंग

रंग	भूमिका	Hex	RGB
`background`	Page background	`#ffffff`	`rgb(255 255 255)`
`surface`	Cards, panels, raised or recessed surfaces	`#ebebeb`	`rgb(235 235 235)`
`foreground`	Primary text	`#0a0a0a`	`rgb(10 10 10)`
`muted-foreground`	Secondary text, captions	`#858585`	`rgb(133 133 133)`
`primary`	Candidate accent (semantic role inferred)	`#0a0a0a`	`rgb(10 10 10)`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`
`border`	Hairlines, dividers, input borders	`#ffffff`	`rgb(255 255 255)`

CSS variables

हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।

1:root {
2  --color-background: #ffffff;
3  --color-surface: #ebebeb;
4  --color-foreground: #0a0a0a;
5  --color-muted-foreground: #858585;
6  --color-primary: #0a0a0a;
7  --color-on-primary: #ffffff;
8  --color-border: #ffffff;
9}

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

curl -s https://stylepack.ai/packs/wearebou.com/DESIGN.md

wearebou.com का कलर पैलेट

पैलेट

CSS variables

AI एजेंट के लिए

सवाल

wearebou.com का hex कोड क्या है?

Tailwind या CSS में wearebou.com के रंग कैसे इस्तेमाल करूँ?