मध्यरातको परिशुद्धता उपकरण

लिनियर डिजाइन प्रणाली एक निशाचर कमाण्ड सेन्टर हो जुन लगभग कालो सतहहरू (#08090a) मा बनाइएको छ जसमा क्रिस्प सेतो प्रकार र एकल लाइम-हरियो एक्सेन्ट (#e4f222) छ जुन कार्यात्मक फ्ल्यासलाइटको रूपमा काम गर्दछ - सानो, उच्च-कन्ट्रास्ट, र कार्यहरू संकेत गर्न कम प्रयोग गरिन्छ। इन्टरफेसले अँध्यारोलाई विषयवस्तुको सट्टा जगको रूपमा व्यवहार गर्दछ: पाठ कडा अक्षर-स्पेसिङ (-0.022em) भएको क्रिस्प सेतो हो, फन्ट तौल बोल्डको सट्टा कम 400-510 दायरामा छन्, र किनाराहरू अल्ट्रा-पातलो (0.5px) छन् जसले ज्यामितिलाई सामान्यतया छायाँद्वारा गरिएको काम गर्न दिन्छ। कम्पोनेन्टहरू सटीक रूपमा बनाइएको महसुस गर्छन् - 6px र 12px त्रिज्या, कम्प्याक्ट 8-12px मार्जिन, र सजावटी तत्वहरूको लगभग पूर्ण अभाव - उत्पादन UI (कार्य कार्डहरू, कानबान बोर्डहरू, AI एजेन्ट प्यानलहरू) लाई अन्यथा शान्त प्रणालीमा एक मात्र दृश्य बनावट हुन अनुमति दिन्छ।

लेआउटको अधिकतम चौडाइ लगभग १२०० पिक्सेल छ, केन्द्रमा, गाढा पृष्ठभूमि भ्यूपोर्टको किनारहरूमा फैलिएको छ। मुख्य तत्व भनेको ठूलो हेडलाइन हो, बायाँ-पङ्क्तिबद्ध (६४-७२ पिक्सेल), दायाँ-पङ्क्तिबद्ध कल टु एक्शन (CTA) सँग जोडिएको, त्यसपछि ठूलो उत्पादन स्क्रिनसट हुन्छ जुन अधिकतम चौडाइभन्दा अलि बढी फैलिएको हुन्छ। खण्डहरूको लय दुई-स्तम्भ रचनाहरू बीच वैकल्पिक हुन्छ जसमा बायाँमा पाठ र दायाँमा छवि हुन्छ, र पूर्ण-चौडाइ उत्पादन प्रदर्शन स्ट्रिपहरू 96 पिक्सेल ठाडो गटरहरूद्वारा विभाजित हुन्छन्। क्लाइन्टको लोगो भएको स्ट्रिप एकल तेर्सो पङ्क्ति हो। पृष्ठले कहिल्यै तीन-स्तम्भ कार्ड ग्रिडहरू वा टाइल गरिएका संरचनाहरू प्रयोग गर्दैन - जानकारी घनत्व कम रहन्छ, धेरैजसो खण्डहरूले पर्याप्त सेतो ठाउँ र स्क्रिनमा एकल फोकल तत्व प्रयोग गर्छन्। नेभिगेसन बायाँ-पङ्क्तिबद्ध लोगो र दायाँ-पङ्क्तिबद्ध लिङ्कहरू सहितको निश्चित शीर्ष पट्टी हो, साइडबार वा मेगा-मेनु बिना।

लिनियरको दृश्य भाषा उत्पादन स्क्रिनसटहरूमा आधारित छ: सुरुमा र खण्डहरूमा चित्रणहरू लिनियर एपको प्रयोगकर्ता इन्टरफेसका वास्तविक छविहरू हुन्, अधिकतम विवरणमा कैद गरिएका छन्—कार्य कार्डहरू, कानबान बोर्डहरू, एआई एजेन्ट ड्यासबोर्डहरू, कमाण्ड प्यालेटहरू—पातलो फ्रेम गरिएका फ्रेमहरूमा राखिएका छन्। कुनै स्टक फोटोहरू छैनन्, कुनै जीवनशैली छविहरू छैनन्, कुनै अमूर्त चित्रणहरू छैनन्। लोगोहरू ग्राहकहरूको लागि एकसमान आकारको तटस्थ खैरो पट्टी (#8a8f98) को रूपमा प्रदर्शित हुन्छन्। आइकनहरू मोनोक्रोमेटिक ग्रे स्केलमा न्यूनतम रेखीय SVG छविहरू हुन्। पृष्ठको शीर्षमा रहेको स्क्रिनसट वास्तविक परिदृश्यहरू प्रयोग नगरी वायुमण्डलीय गहिराइ सिर्जना गर्दै सूक्ष्म रेखीय ग्रेडियन्ट (अँध्यारोबाट प्रकाशमा) मा तैरिन्छ। प्रत्येक दृश्य तत्व उत्पादनको नै एक कार्यात्मक तत्व हो।