रंग
sweetgreen.com का कलर पैलेट
sweetgreen.com अपने पेज #f4f3e7 पर बनाता है, #0e150e टेक्स्ट के साथ और बिना किसी एक एक्सेंट रंग के। नीचे दिए 5 रंग लाइव साइट से मापे गए हैं।
sweetgreen.com से 32 दिन पहले मापा गया।
पैलेट
5 रंग| रंग | भूमिका | Hex | RGB |
|---|---|---|---|
background | Page background | #f4f3e7 | rgb(244 243 231) |
surface | Cards, panels, raised or recessed surfaces | #d8e5d6 | rgb(216 229 214) |
foreground | Primary text | #0e150e | rgb(14 21 14) |
muted-foreground | Secondary text, captions | #8c8c82 | rgb(140 140 130) |
border | Hairlines, dividers, input borders | #0e150e | rgb(14 21 14) |
- पेज बैकग्राउंड पर टेक्स्ट
- 16.62:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #f4f3e7;
--color-surface: #d8e5d6;
--color-foreground: #0e150e;
--color-muted-foreground: #8c8c82;
--color-border: #0e150e;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/sweetgreen.com/DESIGN.mdसवाल
sweetgreen.com का hex कोड क्या है?
sweetgreen.com का एक्सेंट रंग #0e150e है; पेज का बैकग्राउंड #f4f3e7 और मुख्य टेक्स्ट रंग #0e150e। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में sweetgreen.com के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।