टेलिग्राम, WhatsApp+380637610482
व्हॅलेरी डॅन्युक
व्हॅलेरी डॅन्युकविकसकव्यवसायांसाठी एआय साधनांचा विकास. उच्च दर्जाचे. परवडणारे.Telegram वर लिहा
Linear — या शैलीतील साइटचे पूर्वावलोकन

Linear

मध्यरात्रीचे अचूक उपकरण

लिनियर डिझाइन सिस्टीम हे जवळजवळ काळ्या पृष्ठभागांवर (#08090a) तयार केलेले एक रात्रीच्या वेळी चालणारे कमांड सेंटर आहे, ज्यात सुस्पष्ट पांढरे अक्षरलेखन आणि एकच लाईम-ग्रीन रंगाचा अॅक्सेंट (#e4f222) आहे, जो एका कार्यात्मक फ्लॅशलाइटप्रमाणे काम करतो—लहान, उच्च-कॉन्ट्रास्ट असलेला आणि कृती दर्शवण्यासाठी क्वचितच वापरला जातो. हा इंटरफेस अंधाराला एक थीम म्हणून नव्हे, तर एक पाया म्हणून मानतो: मजकूर सुस्पष्ट पांढरा असून अक्षरांमध्ये कमी अंतर (-0.022em) आहे, फॉन्ट वेट्स बोल्डऐवजी ४००-५१० च्या कमी श्रेणीत आहेत आणि बॉर्डर्स अतिशय पातळ (०.५px) आहेत, जेणेकरून सावल्यांद्वारे केले जाणारे काम भूमितीला करता येईल. घटक अचूकपणे तयार केलेले वाटतात—६px आणि १२px त्रिज्या, संक्षिप्त ८-१२px मार्जिन्स आणि सजावटीच्या घटकांचा जवळजवळ पूर्ण अभाव— ज्यामुळे अन्यथा शांत असलेल्या सिस्टीममध्ये प्रॉडक्ट UI (टास्क कार्ड्स, कानबान बोर्ड्स, AI एजंट पॅनेल्स) हा एकमेव व्हिज्युअल टेक्सचर ठरतो.

लेआउटची कमाल रुंदी अंदाजे १२००px आहे, तो मध्यभागी असून त्याची गडद पार्श्वभूमी व्ह्यूपोर्टच्या कडांपर्यंत पसरलेली आहे. मुख्य घटक म्हणजे डावीकडे संरेखित (६४-७२px) एक मोठे शीर्षक, ज्यासोबत उजवीकडे संरेखित 'कॉल टू ॲक्शन' (CTA) आहे आणि त्यानंतर उत्पादनाचा एक मोठा स्क्रीनशॉट आहे जो कमाल रुंदीच्या किंचित पुढे जातो. विभागांची लय डावीकडे मजकूर आणि उजवीकडे प्रतिमा असलेल्या दोन-स्तंभीय रचना आणि ९६px उभ्या गटरने विभागलेल्या पूर्ण-रुंदीच्या उत्पादन प्रदर्शन पट्ट्यांमध्ये बदलते. क्लायंटच्या लोगोची पट्टी एकाच आडव्या ओळीत आहे. हे पृष्ठ कधीही तीन-स्तंभीय कार्ड ग्रिड किंवा टाइल केलेल्या रचना वापरत नाही—माहितीची घनता कमी राहते, बहुतेक विभागांमध्ये भरपूर मोकळी जागा आणि स्क्रीनवर एकच केंद्रबिंदू घटक वापरला जातो. नेव्हिगेशन ही डावीकडे संरेखित लोगो आणि उजवीकडे संरेखित लिंक्स असलेली एक निश्चित शीर्ष पट्टी आहे, ज्यात साइडबार किंवा मेगा-मेनू नाही.

लिनियरची व्हिज्युअल लँग्वेज प्रोडक्ट स्क्रीनशॉट्सवर आधारित आहे: सुरुवातीला आणि विभागांमधील चित्रे ही लिनियर ॲपच्या युझर इंटरफेसची वास्तविक छायाचित्रे आहेत, जी अत्यंत तपशीलवारपणे टिपलेली आहेत—टास्क कार्ड्स, कानबान बोर्ड्स, एआय एजंट डॅशबोर्ड्स, कमांड पॅलेट्स—आणि ती पातळ फ्रेम्समध्ये ठेवलेली आहेत. कोणतेही स्टॉक फोटो नाहीत, लाइफस्टाइल इमेजेस नाहीत, किंवा अमूर्त चित्रे नाहीत. ग्राहकांसाठी लोगो एकसमान आकाराच्या न्यूट्रल ग्रे पट्टीच्या (#8a8f98) स्वरूपात प्रदर्शित केले जातात. आयकॉन्स हे मोनोक्रोमॅटिक ग्रे स्केलमधील मिनिमलिस्ट लिनियर SVG इमेजेस आहेत. पानाच्या शीर्षस्थानी असलेला स्क्रीनशॉट एका सूक्ष्म लिनियर ग्रेडियंटवर (गडद ते फिकट) तरंगतो, ज्यामुळे वास्तविक लँडस्केप्सचा वापर न करता वातावरणीय खोली निर्माण होते. प्रत्येक व्हिज्युअल घटक हा स्वतः उत्पादनाचा एक कार्यात्मक घटक आहे.

पॅलेट

ब्रँड

  • Acid Lime #e4f222 — मुख्य नियंत्रण बटणे आणि सक्रिय नेव्हिगेशन इंडिकेटर्स हे एक चमकदार वैशिष्ट्य आहे जे एकरंगी रंगसंगतीला छेद देते.

तटस्थ

  • Mist #d0d6e0 — दुय्यम शीर्षके, गडद पृष्ठभागांवरील बटणावरील मजकूर
  • Void #08090a — पृष्ठ कॅनव्हास, पूर्ण-रुंदीची पार्श्वभूमी प्रतिमा - पूर्वनिर्धारितपणे, सर्व घटक या पार्श्वभूमीवर ठेवलेले असतात.
  • Carbon #0f1011 — कार्ड सरफेसेस, नॅव्हिगेशन बार, हे कार्डमध्ये मजकूर ठेवण्यासाठी कॅनव्हासपेक्षा एक पुढची पायरी आहे.
  • Obsidian #161718 — उंच पृष्ठभाग, अधिक खोल कार्डबोर्ड पॅनेल
  • Graphite #23252a — सूक्ष्म बॉर्डर, विभाजक, बटणांच्या सूक्ष्म बाह्यरेषा – कमी कॉन्ट्रास्ट असलेल्या टेक्स्चरयुक्त कडा
  • Smoke #383b3f — ग्राफाइट - विभाग विभाजकांच्या तुलनेत पातळ कडांमध्ये अधिक कॉन्ट्रास्ट असतो.

टायपोग्राफी

१३ ते ७२ पिक्सेल · ८ टप्पे

  • Inter Variable — बदली: Inter (variable) · रूपरेषा 300, 400, 510, 590 · प्राथमिक UI आणि हेडर फॉन्ट - नेव्हिगेशन, मुख्य मजकूर, शीर्षके, बटणे आणि कार्ड्समध्ये वापरला जातो.
  • Berkeley Mono — बदली: JetBrains Mono · रूपरेषा 400 · कोडलगतचा UI मजकूर - रिलीझ आयडेंटिफायर्स (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 — फ्रॉस्टेड काचेचे पॅनेल असलेले, अंधुक प्रकाशाचे वर्कस्टेशन