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

Modal

अंधाऱ्या सर्व्हर रूममधील एक फॉस्फोरसेंट टर्मिनल - प्रकाशाचा एकमेव स्रोत चमकदार हिरव्या रंगाचा आहे.

मोडल हे अंधाऱ्या सर्व्हर रूममधील फॉस्फोरसेंट टर्मिनलप्रमाणे कार्य करते: जवळजवळ काळा कॅनव्हास, फिकट हिरव्या रंगाचे अक्षर आणि एकच चमकदार लाईम-ग्रीन रंगाचा अॅक्सेंट जो LED स्टेटस इंडिकेटर म्हणून काम करतो. याची डिझाइन लँग्वेज डेव्हलपर-केंद्रित आहे—ट्रॅफिक लाइट डॉट्स असलेल्या मोनोस्पेस्ड कोड विंडोज, सिग्नेचर हिरव्या रंगातील आयसोमेट्रिक 3D आयकॉन्स आणि भरपूर पांढरी जागा, ज्यामुळे प्रत्येक विभागातील एक घटक चमकू शकतो. टायपोग्राफी हेडिंगसाठी कस्टम फॉन्ट (Goga) आणि सर्व UI घटकांसाठी व्हेरिएबल फॉन्ट (Inter) मध्ये विभागलेली आहे, दोन्ही नॅरो निगेटिव्ह ट्रॅकिंगसह सेट केलेले आहेत. रंग समान रीतीने वितरित केले आहेत: बहुतेक स्क्रीन्स अॅक्रोमॅटिक आहेत आणि चमकदार लाईम-ग्रीन रंग केवळ महत्त्वाच्या क्रिया, लोगो, 3D इलस्ट्रेशन्स आणि जोर देण्याच्या क्षणांवर दिसतो. घटक सपाट आणि फ्रेमलेस आहेत, ज्यात सावल्यांऐवजी सूक्ष्म हिरव्या बॉर्डर्स आणि बॅकग्राउंड ब्लरद्वारे खोली निर्माण केली आहे.

सामग्री सामावून घेण्यासाठी, मोडलमध्ये जास्तीत जास्त १२८०px रुंदीचा पूर्ण-रुंदीचा गडद लेआउट वापरला आहे. हिरो विंडो मध्यभागी आहे: शीर्षक (लिंबू हिरव्या रंगातील पहिले वाक्य), एक उपशीर्षक, दोन कॉल टू ॲक्शन, आणि व्हिज्युअल अँकर म्हणून एकच ३डी ऑब्जेक्ट—लेआउटला साइडबारपासून वेगळे न करता. सामग्रीचे विभाग एका समान लयीचे अनुसरण करतात: आयब्रो टॅग (कॅपिटल अक्षरे, मॉस ७०) → गोगा शीर्षक → फिकट रंगाचा मुख्य मजकूर, त्यानंतर एकतर वैशिष्ट्याच्या वर्णनासह (मजकूर + कोड/व्हिज्युअल कार्ड) दोन-स्तंभीय लेआउट किंवा कार्ड्सची तीन-स्तंभीय ग्रिड. विभागांमधील जागा ८०px इतकी पुरेशी आहे. पृष्ठावर गडद रिकाम्या (#००००००) आणि किंचित फिकट पार्श्वभूमीच्या (#१८१८१८) पट्ट्या एकाआड एक येतात, आणि पृष्ठाच्या मध्यभागी एक व्हिज्युअल विश्रांती म्हणून एक फिकट रंगाचा विभाग (#def0dd) दिसतो. नेव्हिगेशनमध्ये अस्पष्ट पार्श्वभूमी असलेला एकच, स्थिर टॉप बार आहे—साइडबार किंवा मेगा-मेनू नाही. फुटर संक्षिप्त आणि गडद असून, त्यात फिकट हिरव्या रंगाचे लिंक कॉलम आहेत. मजकुराची घनता सोयीस्कर आहे: प्रत्येक विभागाला पुरेशी जागा दिली आहे आणि कार्ड ग्रिडमध्ये तीनपेक्षा जास्त कॉलम वापरलेले नाहीत.

मोडलची व्हिज्युअल लँग्वेज दोन मोडमध्ये विभागलेली आहे: 3D ग्लोइंग प्रॉडक्ट रेंडर्स आणि डार्क कोड विंडो मॉकअप्स. याचा केंद्रबिंदू एकच 3D क्यूब आहे, जो मार्केटिंग ग्रेडियंट (लाईम ग्रीनपासून एमराल्डपर्यंत) वापरून रेंडर केलेला आहे. हा क्यूब एका रेडियल ग्रेडियंट हॅलोमध्ये ठेवलेला आहे, जो रिकाम्या जागेला हिरव्या प्रकाशात न्हाऊ घालतो—ही ब्रँडची सिग्नेचर व्हिज्युअल स्टाईल आहे. वर्कलोड कार्ड्समध्ये गडद पार्श्वभूमीवर त्याच लाईम ग्रीन रंगात रेंडर केलेले आयसोमेट्रिक 3D आयकॉन्स (एक वायरफ्रेम क्यूब, एक भरीव जिना, लेयर्स) असतात. कोड आणि बेंचमार्क निकाल टर्मिनल विंडो कार्ड्सच्या स्वरूपात सादर केले जातात, ज्यात ट्रॅफिक लाईटचे ठिपके, फॉस्फोरसेंट पॅलेटमधील मोनोस्पेस्ड सिंटॅक्स हायलाइटिंग आणि एक मंद हिरवी बॉर्डर असते—ते खऱ्या कमांड-लाइन इंटरफेसच्या स्क्रीनशॉट्ससारखे दिसतात. क्लायंटचे लोगो एकाच, कमी-कॉन्ट्रास्टच्या ओळीत फिकट हिरव्या-राखाडी रंगाच्या लेबल्सच्या रूपात दाखवले जातात, जे कोणत्याही व्हिज्युअल स्पर्धेशिवाय विश्वास दर्शवतात. एकूण घनता कमी आहे—बहुतेक पानांवर प्रामुख्याने मजकूर असतो आणि प्रतिमा फोटोंच्या ग्रिडऐवजी स्वतंत्र केंद्रबिंदू म्हणून सादर केल्या जातात. यात एकही छायाचित्र नाही; संपूर्ण व्हिज्युअल सिस्टीम रेंडर केलेली, भौमितिक आणि तेजस्वी आहे.

पॅलेट

ब्रँड

  • Lime Pulse #7fee64 — कॉर्पोरेट आयडेंटिटीचे मुख्य घटक म्हणजे लोगो, मुख्य कॉल टू ॲक्शन (CTA), टॅग फिलिंग, ॲक्टिव्ह स्टेट्स आणि इलस्ट्रेशनचा मूळ रंग.

तटस्थ

  • Phosphor White #ddffdc — मुख्य मजकूर, शीर्षकाचा रंग, आयकॉनची बाह्यरेखा आणि बटणाचा भरलेला मजकूर हा मुख्य वाचनीय पृष्ठभाग आहे.
  • Void Black #000000 — पृष्ठ कॅनव्हास, सर्वात खोल पार्श्वभूमी थर
  • Ground Iron #181818 — मुख्य बटणाची रंगरंगोटी, गडद भागांमधील कार्डांचे पृष्ठभाग, वापरकर्ता इंटरफेसचा मूळ पृष्ठभाग.
  • Carbon Veil #212525 — उंच पृष्ठभाग, नेव्हिगेशन पार्श्वभूमी, जमिनीपेक्षा किंचित हलकी.
  • Circuit Border #485346 — बाह्यरेखा/अदृश्य कृती चौकट, जी मुख्य परस्परसंवादी पातळ रेषा आहे, ती फिकट हिरवट-राखाडी रंगाची आहे.
  • Phosphor Blue-Black #1f2a33 — गडद पट्ट्यांमधील रेषांना विभाजित करणाऱ्या दुय्यम पातळ खुणा.

टायपोग्राफी

१२ ते ६४ पिक्सेल · ८ टप्पे

  • Goga — बदली: Inter Tight or Space Grotesk · रूपरेषा 400, 500 · शीर्षक आणि उपशीर्षक फॉन्ट – सर्व H1–H4 शीर्षके आणि कार्ड्ससाठी वापरला जातो. गोगा हा एक सानुकूल भौमितिक सॅन्स-सेरिफ फॉन्ट आहे, ज्यामध्ये अरुंद अपर्चर आणि किंचित चौकोनी टर्मिनल्स आहेत. मध्यम वजन (500) कार्ड-स्तरीय शीर्षके हायलाइट करण्यासाठी राखीव आहे; सामान्य वजन (400) हिरो आणि विभाग शीर्षकांसाठी वापरले जाते. मोडलची ओळख परिभाषित करणारे पर्यायी ग्लिफ आकार वापरण्यासाठी, त्याचा 'ss01' स्टायलिस्टिक सेट सक्षम करणे आवश्यक आहे. निगेटिव्ह लेटर स्पेसिंग 48px वर -0.007em पासून 21px वर -0.017em पर्यंत हळूहळू कमी होते.
  • Inter Variable — बदली: Inter · रूपरेषा 400, 500 · युझर इंटरफेस आणि मुख्य मजकूर – नॅव्हिगेशन, बटणे, मुख्य मजकूर, लेबल्स, फुटर. इंटरॅक्टिव्ह घटक आणि नॅव्हिगेशनसाठी डीफॉल्टनुसार मध्यम जाडी (500) वापरली जाते; परिच्छेदांसाठी सामान्य (400) वापरली जाते. लहान आकारातही अक्षरांमधील अंतर लक्षणीयरीत्या कमी केले आहे (-0.026em 14px वर, -0.022em 16px वर), ज्यामुळे इंटरफेसला एक संक्षिप्त, अंतिम घनता मिळते. पर्यायी विरामचिन्हांसाठी, 'cv11' हा अक्षर प्रकार समाविष्ट केला पाहिजे. मुख्य मजकुराच्या घनतेला संतुलित करण्यासाठी, 12px आकाराच्या सर्व-कॅप्स लेबल्समध्ये +0.05em अक्षरांमधील अंतर वापरले आहे.

अंतर आणि स्वरूप

उद्देशअर्थ
घनतासरासरी
मूलभूत पायरी20px
बटण त्रिज्या12px
कार्ड त्रिज्या8px
सावल्यासावल्यांऐवजी सीमा नाहीत
विभागांच्या दरम्यान80px
पृष्ठाची रुंदी1280px

एआय तुमची वेबसाईट Modal स्टाईलमध्ये तयार करेल आणि ती भरेल.

  • लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
  • तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
  • सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
  • शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.

समान शैली

  • Slash — सोनेरी हिशेबवही असलेली मध्यरात्रीची तिजोरी
  • AgentQL — रात्री टर्मिनलवर दिसणारे उत्तर ध्रुवीय प्रकाश
  • GitHub — जैवदीप्तिमान नियंत्रण बिंदू असलेले एक अवकाश कमांड पॅनल—एक अंधारी, वातावरणपूर्ण कार्यक्षेत्र जिथे एकच हिरवी चमक पुढचा मार्ग दाखवते.
  • Doppler — मध्यरात्री तिजोरीतील जांभळी रोषणाई. जवळजवळ काळा असलेला तो कॅनव्हास एकाच लॅव्हेंडर संकेताने आणि हिरव्या पुष्टीकरण दिव्याने उजळतो, ज्याचा प्रत्येक पृष्ठभाग पकडता येईल इतका वक्र आहे.
  • Basedash — मॅट फॉन्ट असलेले मध्यरात्रीचे डेटा टर्मिनल. एक अंधारी वेधशाळा, जिथे मेट्रिक्स जांभळ्या आणि हिरव्या रंगात चमकतात, सेरिफ हेडलाइन्स गोंधळावर तरंगतात आणि मऊ काळ्या पृष्ठभागांच्या खोलीत पांढरी गोळीच्या आकाराची बटणे हीच एकमेव तेजस्वी वस्तू आहेत.
  • Superwhisper — उत्तर ध्रुवीय प्रकाश मध्यरात्रीच्या काचेवर विरघळून जातो.
  • Better Stack — मिडनाईट एसआरई कन्सोल
  • Langbase — मध्यरात्रीचे उत्तर ध्रुवीय प्रकाश कन्सोल
  • Astro — तेजोमेघातून येणाऱ्या एका जांभळ्या रंगाच्या प्रकाशासह खोल अंतराळ मोहीम नियंत्रण
  • Wayfinder — एका जिवंत चित्रावर अस्पष्टपणे ऐकू येणारे शीर्षक असलेली काळी मूव्ही स्क्रीन. इंटरफेस हा कंट्रोल पॅनलऐवजी ब्राइटनेस स्लायडर आहे.
  • HashiCorp — मध्यरात्री जांभळ्या निऑन दिव्यांनी उजळलेली नियंत्रण कक्ष ही एक गडद तांत्रिक जागा आहे, जिथे एक चमकणारा षटकोनी घन हाच रंगाचा एकमेव संदर्भ म्हणून काम करतो.
  • Umbrel — नाईट सर्व्हर रूममधील एक उबदार शेकोटी—एक अंधारी खोली जिथे एकच केशरी रंगाची चमक खऱ्या अर्थाने महत्त्वाच्या गोष्टींना उजळवून टाकते.