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) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- monday — पेस्टल स्टिकर से सजी सफेद कार्यशाला
- Slack — मंच बैंगन के रंग का है और उस पर सफेद स्पॉटलाइट्स लगी हैं। गहरे बैंगनी रंग का प्रभाव अंधेरे क्षेत्रों पर हावी है, जबकि ऑफ-व्हाइट कैनवास बड़े, आधुनिक और कलात्मक शीर्षकों को खुलकर प्रदर्शित होने का अवसर देता है।
- Base44 — लाइम मार्कर से लिखा हुआ धूप से चमकता नोटबुक
- Supahub — बैंगनी रंग की पहाड़ी पर हल्की धूप। एक लगभग सफेद, हवादार कैनवास, जो एक चमकीले बैंगनी सूरज की रोशनी से जगमगा रहा है, जिसमें सजावटी ढलान वाले गोले खाली जगह में रंग बिखेर रहे हैं और उदार गोलाकार ज्यामिति प्रत्येक सतह को एक सुखद, मूर्त भारीपन प्रदान कर रही है।
- Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
- Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन
- Wiza — सूर्यास्त के समय, बैंगनी रंग की धुंध से घिरी एक खनिज अन्वेषण वेधशाला।
- Paste — सफेद संगमरमर पर एक एम्बर लालटेन—ब्रांड का गर्म ग्रेडिएंट लोगो विशाल सफेद स्थान में इस प्रकार मंडरा रहा है, मानो बर्फ से ढकी इमारत में एकमात्र रोशन खिड़की हो।
- Reworkd — उत्पाद आरेख पर दिखने वाला हल्का दिन का प्रकाश ही एकमात्र ऐसा रंग है जो अपने आप में स्पष्ट है, यह एक्शन बटन और उसके ऊपर की ग्रेडिएंट हेडलाइन है।
- Reflect Notes — तारों से जगमगाता बैंगनी अंतरिक्ष एक अंधेरी वेधशाला है जहाँ लगभग काले नीले शून्य की पृष्ठभूमि के विरुद्ध स्वर तारामंडलों की तरह तैरते हैं।
- Ameba — आधी रात को नियंत्रण कक्ष – फ्रॉस्टेड ग्लास पैनलों के भीतर एक विद्युत नीली चमक
- Todoist — धूप से रोशन एक कार्यक्षेत्र, जिसमें एक कागज़ की डायरी है – एक हल्के क्रीम रंग की मेज, स्याही से लिखे नोट्स, एक लाल पेन।