
Huly
मिडनाईट ऑब्झर्व्हेटरीमधील उत्तर ध्रुवीय ज्योती - यातील मुख्य आकर्षण म्हणजे प्रवाळी रंगात विलीन होणारा जांभळ्या रंगाचा एक उभा किरण, आणि त्याच्या खालील प्रत्येक शांत भाग हीच द्विरंगी कथा अधिक मंद स्वरात सांगतो.
हुली एका वैश्विक कार्यक्षेत्राचे वातावरण निर्माण करते: जवळजवळ काळा कॅनव्हास, ज्यामधून मुख्य घटकाला छेदणारी एकच जांभळी-अंबर रंगाची चमक आहे, आणि त्याच्या खाली, वाढीव उत्पादकतेसाठी एक अधिक शांत ग्रिड आहे. ही प्रणाली एका मर्यादित रंगश्रेणीत कार्य करते—एक तेजस्वी निळा आणि एक प्रवाळी रंग स्तरित ग्राफाइट पृष्ठभागांवर ब्रँडिंगचे सर्व काम करतात, त्यामुळे डार्क मोड कधीही तटस्थ वाटत नाही. सर्व कार्यात्मक गोष्टींसाठी टायपोग्राफी इंटर-स्टाईलची आहे, ज्यात महत्त्वाच्या मुद्द्यांसाठी एक कस्टम फॉन्ट (Esbuild) राखीव आहे, ज्याचे पिच ८०-८४px आहे आणि अक्षरांमध्ये आक्रमक निगेटिव्ह स्पेसिंग आहे. घटक कॅप्सूलच्या आकाराचे आहेत: कंट्रोल्सवर ९९९९px त्रिज्या, कार्ड्सवर १२px, कमीत कमी शॅडो आणि मुख्य सजावट म्हणून चमकणाऱ्या ग्रेडियंट रेषा. पेज पूर्ण-पानाच्या गडद भागांमध्ये आणि शांत प्रकाश विभागांमध्ये आलटून पालटून बदलते, त्यामुळे कोणत्याही नवीन स्क्रीनने रंग निवडण्यापूर्वी मोड निश्चित केला पाहिजे.
पूर्ण-रुंदीच्या होमपेजवर उत्तर ध्रुवीय प्रकाशाचा एक उभा किरण आणि डावीकडे संरेखित मथळा आहे, तसेच उजव्या खालच्या कोपऱ्यात उत्पादनाचा स्क्रीनशॉट दिलेला आहे. होमपेजच्या खाली जास्तीत जास्त १२००px रुंदीचा एक मजकूर विभाग आहे, ज्यात एकाआड एक गडद आणि फिकट पट्टे आहेत. प्रत्येक विभाग हा एकच उभा ब्लॉक आहे: एक हेडर आणि त्यानंतर ९६px अंतराने विभागलेल्या कार्ड्सची ३ किंवा ४-कॉलमची ग्रिड. "मेटाब्रेन" विभाग मध्यभागी असलेल्या मथळ्याने आणि विविध आकारांच्या कार्ड्सच्या मोझाइकने (एक मोठे मुख्य कार्ड आणि लहान सहाय्यक कार्ड्स) ही ग्रिड तोडतो. 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— आयकॉनच्या बाह्यरेखा, अतिरिक्त मजकूर आणि निष्क्रिय नियंत्रणे हे मध्यम राखाडी रंगातील मुख्य कार्यकारी घटक आहेत.
टायपोग्राफी
११ ते ८० पिक्सेल · ८ टप्पे
- Inter — बदली: DM Sans · रूपरेषा 300, 400, 500, 600, 700 · युझर इंटरफेसमधील सर्व कार्यात्मक मजकूर—मुख्य मजकूर, नेव्हिगेशन, बटणे, सूची आयटम, लेबल्स आणि लहान शीर्षके—जोर देण्यासाठी 500–600, मुख्य मजकुरासाठी 400 आणि सहज लक्षात न येणाऱ्या मेटाडेटासाठी क्वचितच 300 फॉन्ट वेटमध्ये वापरला जातो.
- Esbuild — बदली: Sora · रूपरेषा 400, 500, 600 · केवळ प्रदर्शनासाठी: स्प्लॅश टायटल्स, सेक्शन हेडिंग्स आणि मेटाब्रेन आर्टिकल टायटल्स. संक्षिप्त भूमिती आणि अक्षरांमधील कमी अंतरामुळे असा Eindruck निर्माण होतो की, 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 — सूर्यप्रकाशित कामाची जागा, कागदी डायरीसह – उबदार क्रीम रंगाचा डेस्क, शाईच्या नोंदी, एक लाल पेन.