टेलीग्राम, WhatsApp+380637610482
वैलेरी डैन्युक
वैलेरी डैन्युकडेवलपरव्यवसायों के लिए एआई उपकरण विकसित करना। उच्च गुणवत्ता। किफायती।Telegram पर लिखें
Huly — इस शैली में एक साइट का पूर्वावलोकन

Huly

मध्यरात्रि वेधशाला में उत्तरी रोशनी - मुख्य पात्र बैंगनी रंग की एक ऊर्ध्वाधर किरण है जो मूंगे रंग में विलीन हो जाती है, और इसके नीचे के प्रत्येक शांत खंड में उसी दोहरे रंग की कहानी को अधिक शांत स्वर में दोहराया गया है।

Huly एक ब्रह्मांडीय कार्यक्षेत्र का माहौल पैदा करता है: लगभग काले रंग का कैनवास जिस पर बैंगनी-अंबर रंग की एक हल्की चमक मुख्य तत्व को काटती है, और उसके नीचे, उत्पादकता बढ़ाने के लिए एक शांत ग्रिड है। यह सिस्टम सीमित रंगों के दायरे में काम करता है—चमकीला नीला और मूंगा रंग परतदार ग्रेफाइट सतहों पर ब्रांडिंग का सारा काम करते हैं, इसलिए डार्क मोड कभी भी तटस्थ नहीं लगता। कार्यात्मक कार्यों के लिए Inter-style टाइपोग्राफी का उपयोग किया गया है, मुख्य बिंदुओं के लिए एक कस्टम फ़ॉन्ट (Esbuild) आरक्षित है, जिसकी पिच 80–84px है और अक्षरों के बीच काफी कम स्पेसिंग है। कंपोनेंट्स कैप्सूल के आकार के हैं: कंट्रोल्स पर 9999px त्रिज्या, कार्ड्स पर 12px, न्यूनतम शैडो, और मुख्य सजावट के रूप में चमकती हुई ग्रेडिएंट लाइनें। पेज पूरे पेज के गहरे क्षेत्रों और शांत हल्के हिस्सों के बीच बदलता रहता है, इसलिए किसी भी नई स्क्रीन को रंग चुनने से पहले मोड तय कर लेना चाहिए।

पूरी चौड़ाई वाले होमपेज पर उत्तरी रोशनी की एक ऊर्ध्वाधर किरण और बाईं ओर संरेखित शीर्षक है, साथ ही नीचे दाईं ओर उत्पाद का स्क्रीनशॉट भी है। होमपेज के नीचे अधिकतम चौड़ाई (1200px) का एक कंटेंट एरिया है, जिसमें गहरे और हल्के रंग की धारियाँ बारी-बारी से दिखाई देती हैं। प्रत्येक सेक्शन एक एकल ऊर्ध्वाधर ब्लॉक है: एक हेडर और 96px के अंतराल से अलग किए गए कार्डों का 3 या 4 कॉलम वाला ग्रिड। "मेटाब्रेन" सेक्शन एक केंद्रीकृत शीर्षक और विभिन्न आकारों के कार्डों के मोज़ेक (एक बड़ा मुख्य कार्ड और छोटे सहायक कार्ड) के साथ ग्रिड को तोड़ता है। पेज कंटेंट से भरपूर है, SaaS मानकों का पालन करता है, लेकिन प्रत्येक सेक्शन को पर्याप्त जगह देने के लिए गहरे और हल्के रंग की धारियों का उपयोग किया गया है। नेविगेशन एक पारदर्शी टॉप बार है जो स्क्रॉल करने पर अपारदर्शी हो जाता है।

मुख्य तत्व एक शुद्ध ऑरोरा ग्रेडिएंट है, जिसमें कोई फ़ोटो नहीं है। सभी चित्र उत्पाद के UI (डार्क मोड में कानबन, इनबॉक्स, कैलेंडर) के वास्तविक स्क्रीनशॉट हैं, जिन्हें कार्ड फ्रेम में लगाया गया है जो प्रमाण और सजावट दोनों का काम करते हैं। कोई लाइफस्टाइल फ़ोटो नहीं, कोई स्टॉक इमेज नहीं, कोई 3D रेंडर नहीं। UI से संबंधित एकमात्र दृश्य तत्व ऑरोरा के आधार पर एक गर्म, रेडियल सनबर्स्ट चमक है, जिसे CSS ग्रेडिएंट के रूप में प्रस्तुत किया गया है। आइकन #95979 या सफेद रंग के मोनोक्रोम लाइन आइकन हैं, कभी भी बहुरंगी नहीं। सिस्टम अपने स्वयं के डार्क UI को मुख्य तत्व मानता है—उत्पाद फ़ोटो हैं।

पैलेट

ब्रांड

  • Electric Iris #5683da — मुख्य पृष्ठभूमि, सक्रिय नेविगेशन संकेतक और आकर्षक नॉर्दर्न लाइट्स एक्सेंट—एक गहरे काले रंग की पृष्ठभूमि पर एक जीवंत बैंगनी-नीला रंग—कॉर्पोरेट गतिविधि के बजाय जुड़ाव का प्रभाव पैदा करता है।
  • Ember Pulse #ff8964 — एक द्वितीयक एक्सेंट, एक गर्म उत्तरी रोशनी क्षेत्र, एक अधिसूचना बिंदु, और एक चित्रण हाइलाइट—एक एम्बर रंग जो नीले रंग की गंभीरता को तोड़ता है और किरण में गर्माहट जोड़ता है।

तटस्थ

  • Obsidian Canvas #303236 — पृष्ठ की पृष्ठभूमि, जो प्रमुख सतह है, लगभग काले रंग की है जिसमें हल्की सी गर्माहट का आभास है, जो सभी सामग्री के लिए मानक वातावरण है।
  • Void #090a0c — मुख्य स्क्रीन पर ग्रेडिएंट, मोडल बैकग्राउंड और फ्रेम के लिए सबसे गहरी सतह परत, जो कैनवास में विलीन हो जानी चाहिए।
  • Charcoal Card #111111 — कार्डबोर्ड और पैनलों से बनी उभरी हुई सतहें, जो कैनवास से एक पायदान ऊपर स्थित हैं।
  • Slate Edge #4a4b50 — गहरे रंग की सतहों पर सूक्ष्म सीमाएँ और विभाजक
  • Iron Veil #6b6c6d — टैग, सूची आइटम भरने और अक्षम भरने के लिए धुंधली पृष्ठभूमि।
  • Smoke #95979e — आइकन की रूपरेखा, अतिरिक्त पाठ और निष्क्रिय नियंत्रण मध्यम भूरे रंग में प्राथमिक कार्यशील तत्व हैं।

टाइपोग्राफी

11 से 80px तक · 8 चरण

  • Inter — प्रतिस्थापन: DM Sans · रूपरेखा 300, 400, 500, 600, 700 · यूजर इंटरफेस में सभी कार्यात्मक टेक्स्ट—बॉडी टेक्स्ट, नेविगेशन, बटन, लिस्ट आइटम, लेबल और छोटे शीर्षक—को जोर देने के लिए 500-600 के फॉन्ट वेट, बॉडी टेक्स्ट के लिए 400 और अस्पष्ट मेटाडेटा के लिए कम ही 300 के फॉन्ट वेट के साथ उपयोग किया जाता है।
  • Esbuild — प्रतिस्थापन: Sora · रूपरेखा 400, 500, 600 · केवल प्रदर्शन के लिए: स्प्लैश शीर्षक, अनुभाग शीर्षक और मेटाब्रेन लेख शीर्षक। सघन ज्यामिति और कम अक्षर रिक्ति से ऐसा प्रतीत होता है कि 84px का आकार SaaS परियोजनाओं की तुलना में संपादकीय कार्य के लिए अधिक उपयुक्त है। 28px से कम का उपयोग कभी न करें।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वविशाल
बुनियादी कदम12px
बटन त्रिज्या9999px
कार्ड त्रिज्या12px
छैया छैयाकोमल छायाएँ
अनुभागों के बीच96px
पृष्ठ की चौड़ाई1200px

एआई आपकी वेबसाइट को Huly शैली में बनाएगा और उसमें डेटा भरेगा।

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

समान शैलियाँ

  • Grafana Labs — सनराइज सिग्नल स्टेशन का नियंत्रण कक्ष। एक शांत, धूसर और सफेद रंग का कार्यक्षेत्र, विस्तृत चार-रंगों वाले क्षितिज प्रवणता और सटीक नीले इंटरफ़ेस संकेतों के साथ मिलकर एक अनूठा संयोजन प्रस्तुत करता है।
  • monday — पेस्टल स्टिकर से सजी सफेद कार्यशाला
  • Slack — मंच बैंगन के रंग का है और उस पर सफेद स्पॉटलाइट्स लगी हैं। गहरे बैंगनी रंग का प्रभाव अंधेरे क्षेत्रों पर हावी है, जबकि ऑफ-व्हाइट कैनवास बड़े, आधुनिक और कलात्मक शीर्षकों को खुलकर प्रदर्शित होने का अवसर देता है।
  • Base44 — लाइम मार्कर से लिखा हुआ धूप से चमकता नोटबुक
  • Graphite — ल्यूमिनस एंड ग्रिड। सटीक सफेद टाइपोग्राफिक चिह्नों और कभी-कभार स्पेक्ट्रल प्रकाश की चमक के चारों ओर गहरे, बॉर्डर वाले उत्पाद सतह बनाएं।
  • Featurebase — बैंगनी रोशनी से जगमगाता कंसोल। कल्पना कीजिए कि प्रत्येक पृष्ठ एक अंधेरा, शांत मंच है, जिसके निचले किनारे से उत्पाद के लिए एक चमकता हुआ कार्यक्षेत्र उभर रहा है।
  • Nuxt — गहरे अंतरिक्ष में टर्मिनल की चमक। ऐसे गहरे, बंद इंटरफ़ेस तल बनाएं जहां नीले-काले सतहों के विपरीत हरा रंग एक सक्रिय संकेत के रूप में दिखाई दे।
  • Supahub — बैंगनी रंग की पहाड़ी पर हल्की धूप। एक लगभग सफेद, हवादार कैनवास, जो एक चमकीले बैंगनी सूरज की रोशनी से जगमगा रहा है, जिसमें सजावटी ढलान वाले गोले खाली जगह में रंग बिखेर रहे हैं और उदार गोलाकार ज्यामिति प्रत्येक सतह को एक सुखद, मूर्त भारीपन प्रदान कर रही है।
  • Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
  • Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन
  • Wiza — सूर्यास्त के समय, बैंगनी रंग की धुंध से घिरी एक खनिज अन्वेषण वेधशाला।
  • Paste — सफेद संगमरमर पर एक एम्बर लालटेन—ब्रांड का गर्म ग्रेडिएंट लोगो विशाल सफेद स्थान में इस प्रकार मंडरा रहा है, मानो बर्फ से ढकी इमारत में एकमात्र रोशन खिड़की हो।

श्रेणी के अनुसार शैलियों की सूची