
Linear
मध्यरात्रि परिशुद्धता उपकरण
लीनियर डिज़ाइन सिस्टम एक रात्रिकालीन कमांड सेंटर है जो लगभग काले रंग की सतहों (#08090a) पर बना है, जिसमें साफ़ सफ़ेद फ़ॉन्ट और एक हल्का हरा रंग (#e4f222) है जो एक कार्यात्मक टॉर्च की तरह काम करता है—छोटा, उच्च-कंट्रास्ट वाला और कार्यों को इंगित करने के लिए सीमित रूप से उपयोग किया गया है। इंटरफ़ेस अंधेरे को एक आधार के रूप में मानता है न कि एक थीम के रूप में: टेक्स्ट साफ़ सफ़ेद रंग का है जिसमें अक्षरों के बीच कम से कम दूरी (-0.022em) है, फ़ॉन्ट का वज़न बोल्ड के बजाय 400-510 की रेंज में है, और बॉर्डर बहुत पतले (0.5px) हैं ताकि ज्यामिति वह काम कर सके जो आमतौर पर परछाईं करती हैं। कंपोनेंट्स सटीक रूप से तैयार किए गए प्रतीत होते हैं—6px और 12px त्रिज्या, कॉम्पैक्ट 8-12px मार्जिन, और सजावटी तत्वों की लगभग पूरी कमी—जिससे उत्पाद UI (टास्क कार्ड, कानबन बोर्ड, AI एजेंट पैनल) एक शांत सिस्टम में एकमात्र दृश्य बनावट बन जाता है।
लेआउट की अधिकतम चौड़ाई लगभग 1200px है, जो केंद्र में स्थित है, और इसका गहरा बैकग्राउंड व्यूपोर्ट के किनारों तक फैला हुआ है। मुख्य तत्व एक बड़ी हेडलाइन है, जो बाईं ओर संरेखित है (64–72px), इसके साथ दाईं ओर संरेखित कॉल टू एक्शन (CTA) है, जिसके बाद उत्पाद का एक बड़ा स्क्रीनशॉट है जो अधिकतम चौड़ाई से थोड़ा आगे तक फैला हुआ है। अनुभागों का क्रम दो-स्तंभ संरचनाओं के बीच बदलता रहता है, जिसमें बाईं ओर पाठ और दाईं ओर एक छवि होती है, और पूर्ण-चौड़ाई वाले उत्पाद प्रदर्शन स्ट्रिप्स 96px ऊर्ध्वाधर अंतराल द्वारा अलग किए गए होते हैं। ग्राहक के लोगो वाली स्ट्रिप एक एकल क्षैतिज पंक्ति है। पृष्ठ में कभी भी तीन-स्तंभ कार्ड ग्रिड या टाइल संरचनाओं का उपयोग नहीं किया गया है—सूचना घनत्व कम रहता है, अधिकांश अनुभाग पर्याप्त सफेद स्थान और स्क्रीन पर एक ही मुख्य तत्व का उपयोग करते हैं। नेविगेशन एक निश्चित शीर्ष बार है जिसमें बाईं ओर संरेखित लोगो और दाईं ओर संरेखित लिंक हैं, इसमें कोई साइडबार या मेगा-मेनू नहीं है।
लीनियर की दृश्य भाषा उत्पाद स्क्रीनशॉट पर आधारित है: शुरुआत में और अनुभागों में दिए गए चित्र लीनियर ऐप के उपयोगकर्ता इंटरफ़ेस की वास्तविक छवियां हैं, जिन्हें अधिकतम विस्तार से कैप्चर किया गया है—टास्क कार्ड, कानबन बोर्ड, एआई एजेंट डैशबोर्ड, कमांड पैलेट—और इन्हें पतले फ्रेम में रखा गया है। कोई स्टॉक फोटो नहीं, कोई लाइफस्टाइल इमेज नहीं, कोई अमूर्त चित्र नहीं। लोगो ग्राहकों के लिए एक समान आकार की तटस्थ ग्रे पट्टी (#8a8f98) के रूप में प्रदर्शित होते हैं। आइकन एक ही रंग के ग्रे स्केल में न्यूनतम रैखिक SVG छवियां हैं। पृष्ठ के शीर्ष पर स्क्रीनशॉट एक सूक्ष्म रैखिक ग्रेडिएंट (गहरे से हल्के) पर तैरता है, जिससे वास्तविक परिदृश्यों का उपयोग किए बिना वायुमंडलीय गहराई का निर्माण होता है। प्रत्येक दृश्य तत्व स्वयं उत्पाद का एक कार्यात्मक तत्व है।
पैलेट
ब्रांड
- Acid Lime
#e4f222— मुख्य नियंत्रण बटन और सक्रिय नेविगेशन संकेतक एक चमकदार आकर्षण हैं जो मोनोक्रोम रंग योजना को तोड़ते हैं।
तटस्थ
- Mist
#d0d6e0— द्वितीयक शीर्षक, गहरे रंग की सतहों पर बटन का टेक्स्ट - Void
#08090a— पेज कैनवास, पूर्ण चौड़ाई वाली पृष्ठभूमि छवि - डिफ़ॉल्ट रूप से, सभी तत्व इस पृष्ठभूमि पर रखे जाते हैं। - Carbon
#0f1011— कार्ड की सतहें, नेविगेशन बार, कार्ड के अंदर सामग्री रखने के लिए कैनवास से एक कदम ऊपर होती हैं। - Obsidian
#161718— उभरी हुई सतहें, गहरे कार्डबोर्ड पैनल - Graphite
#23252a— बारीक बॉर्डर, विभाजक, बटन की हल्की आउटलाइन – कम कंट्रास्ट वाले टेक्सचर्ड किनारे - Smoke
#383b3f— पतले बॉर्डर में ग्रेफाइट की तुलना में अधिक कंट्रास्ट होता है - सेक्शन सेपरेटर।
टाइपोग्राफी
13 से 72px तक · 8 चरण
- Inter Variable — प्रतिस्थापन: Inter (variable) · रूपरेखा 300, 400, 510, 590 · प्राथमिक यूआई और हेडर फॉन्ट - नेविगेशन, बॉडी टेक्स्ट, हेडिंग, बटन और कार्ड में उपयोग किया जाता है।
- Berkeley Mono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400 · कोड से सटे यूआई टेक्स्ट - रिलीज़ पहचानकर्ता (ENG-2703), कीबोर्ड शॉर्टकट, मोनोस्पेस फ़ॉन्ट मेटाडेटा
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | विशाल |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 6px |
| कार्ड त्रिज्या | 12px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 96px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Linear शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Aaru — आधी रात को कण क्षेत्र वेधशाला
- Atlas Card — द मिडनाइट वॉल्ट, अपनी एकमात्र नीलमणि किरण के साथ, एक घोर अंधकारमय विस्तार है जहाँ केवल एक ही चीज मायने रखती है, वह है गहरा विद्युती नीला रंग।
- Checkly — डीप ऑर्बिट मिशन कंट्रोल सेंटर
- Savee — दृश्य क्यूरेटरों के लिए काला कैनवास
- Inngest — एक अंधेरी, शांत वेधशाला, उपकरणों के साथ काम करने के लिए सुसज्जित, एक अकेली एम्बर पायलट लाइट से रोशन।
- Dala — काले मखमली सतह पर तैरता हुआ एक तारामंडल
- Origin Financial — एक शांत, भव्यता से भरपूर मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा जहाँ बड़े सेरिफ़ फ़ॉन्ट और कुछ रोशन रंगीन पैनल यह एहसास दिलाते हैं कि वित्त एक सावधानीपूर्वक तैयार की गई कलाकृति है।
- Hyperstudio — यह डिज़ाइन काले पत्थर पर उकेरा गया है। टेक्स्ट और बारीक रेखाएं शुद्ध काले रंग के सफेद स्थान को घेरे हुए हैं, जिसमें बीच-बीच में सुनहरे रंग के कंपास के निशान रास्ता दर्शाते हैं।
- Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
- Resend — काले मखमली कपड़े पर बैंगनी नियॉन रंग
- Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
- Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन