रंग
linear.app का कलर पैलेट
linear.app अपने पेज #08090a पर बनाता है, #f7f8f8 टेक्स्ट के साथ और एक्सेंट के रूप में #e5e5e6, जो उसके प्राइमरी बटन और लिंक का रंग है। नीचे दिए 10 रंग लाइव साइट से मापे गए हैं।
linear.app से 4 दिन पहले मापा गया।
पैलेट
10 रंग| रंग | भूमिका | Hex | RGB | लाइट / डार्क |
|---|---|---|---|---|
background | Page background | #08090a | rgb(8 9 10) | #08090a |
surface | Cards, panels, raised or recessed surfaces | #101112 | rgb(16 17 18) | #101112 |
surface-2 | Secondary surface | #1c1d1e | rgb(28 29 30) | #1c1d1e |
surface-3 | Secondary surface | #07220a | rgb(7 34 10) | |
foreground | Primary text | #f7f8f8 | rgb(247 248 248) | #f7f8f8 |
muted-foreground | Secondary text, captions | #8a8f98 | rgb(138 143 152) | #8a8f98 |
primary | Candidate accent (semantic role inferred) | #e5e5e6 | rgb(229 229 230) | #e5e5e6 |
on-primary | Text on the accent | #111111 | rgb(17 17 17) | #111111 |
secondary | Secondary accent (violet) | #5e6ad2 | rgb(94 106 210) | #5e6ad2 |
border | Hairlines, dividers, input borders | #1c1d1e | rgb(28 29 30) | #1c1d1e |
- पेज बैकग्राउंड पर टेक्स्ट
- 18.73:1 · WCAG AA पास
- एक्सेंट पर टेक्स्ट
- 15.00:1 · WCAG AA पास
CSS variables
हर रंग एक custom property के रूप में, भूमिका के नाम से। डार्क ब्लॉक तब होता है जब साइट में डार्क थीम हो।
:root {
--color-background: #08090a;
--color-surface: #101112;
--color-surface-2: #1c1d1e;
--color-surface-3: #07220a;
--color-foreground: #f7f8f8;
--color-muted-foreground: #8a8f98;
--color-primary: #e5e5e6;
--color-on-primary: #111111;
--color-secondary: #5e6ad2;
--color-border: #1c1d1e;
}
[data-theme="dark"] {
--color-background: #08090a;
--color-surface: #101112;
--color-surface-2: #1c1d1e;
--color-foreground: #f7f8f8;
--color-muted-foreground: #8a8f98;
--color-primary: #e5e5e6;
--color-on-primary: #111111;
--color-secondary: #5e6ad2;
--color-border: #1c1d1e;
}AI एजेंट के लिए
पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।
curl -s https://stylepack.ai/packs/linear.app/DESIGN.mdसवाल
linear.app के ब्रांड रंग क्या हैं?
linear.app के मुख्य रंग #e5e5e6 (एक्सेंट), #08090a (बैकग्राउंड) और #f7f8f8 (टेक्स्ट) हैं। 10 रंगों का पूरा पैलेट, हर एक की भूमिका के साथ, इस पेज पर hex कोड के रूप में है।
linear.app का hex कोड क्या है?
linear.app का एक्सेंट रंग #e5e5e6 है; पेज का बैकग्राउंड #08090a और मुख्य टेक्स्ट रंग #f7f8f8। हर एक रेंडर हुए पेज से मापा गया है, यानी वही जो विज़िटर देखते हैं, किसी स्टाइल गाइड का मान नहीं।
Tailwind या CSS में linear.app के रंग कैसे इस्तेमाल करूँ?
इस पेज के CSS variables या Tailwind v4 थीम कॉपी करें, या डिज़ाइन पैक डाउनलोड करें: उसमें tokens.json (W3C design tokens), tokens.css और tailwind.css उन्हीं मानों के साथ हैं।