
Huly
मिडनाइट अब्जर्भेटरीमा नर्दर्न लाइट्स - नायक बैजनी रंगको ठाडो किरण हो जुन कोरलमा हराउँछ, र यसको तलको प्रत्येक शान्त भागले थप मधुरो स्वरमा भनिएको उही दुई-टोन कथा उधारो लिन्छ।
हुलीले ब्रह्माण्डीय कार्यस्थानको वातावरणलाई उजागर गर्दछ: मुख्य तत्वलाई काट्ने एकल बैजनी-एम्बर चमक भएको लगभग कालो क्यानभास, र यसको तल, उत्पादकता बढाउनको लागि थप सुस्त ग्रिड। प्रणालीले साँघुरो रंग दायरा भित्र काम गर्दछ - एउटा चम्किलो नीलो र एउटा कोरलले स्तरित ग्रेफाइट सतहहरू विरुद्ध सबै ब्रान्डिङ काम गर्दछ, त्यसैले गाढा मोड कहिल्यै तटस्थ महसुस हुँदैन। टाइपोग्राफी सबै कार्यात्मकहरूको लागि अन्तर-शैली हो, मुख्य बिन्दुहरूको लागि आरक्षित अनुकूलन फन्ट (Esbuild) संग, 80-84px को पिच र आक्रामक नकारात्मक अक्षर स्पेसिङको साथ। कम्पोनेन्टहरू क्याप्सुल-आकारका छन्: नियन्त्रणहरूमा 9999px त्रिज्या, कार्डहरूमा 12px, न्यूनतम छाया, र मुख्य सजावटको रूपमा चम्किलो ग्रेडियन्ट रेखाहरू। पृष्ठ पूर्ण-पृष्ठ अँध्यारो क्षेत्रहरू र शान्त प्रकाश खण्डहरू बीच वैकल्पिक हुन्छ, त्यसैले कुनै पनि नयाँ स्क्रिनले रङहरू छनौट गर्नु अघि मोडमा निर्णय गर्नुपर्छ।
पूर्ण-चौडाइको गृहपृष्ठमा उत्तरी बत्तीहरूको ठाडो किरण र बायाँ-पङ्क्तिबद्ध शीर्षक, साथै तल दायाँतिर राखिएको उत्पादन स्क्रिनसट रहेको छ। गृहपृष्ठ मुनि अधिकतम चौडाइ, १२०० पिक्सेलको सामग्री क्षेत्र छ, वैकल्पिक गाढा र हल्का धर्काहरू। प्रत्येक खण्ड एकल ठाडो ब्लक हो: हेडर र ९६ पिक्सेल अन्तरालहरूद्वारा छुट्याइएको कार्डहरूको ३- वा ४-स्तम्भ ग्रिड। "मेटाब्रेन" खण्डले केन्द्रित शीर्षक र विभिन्न आकारका कार्डहरूको मोजेक (ठूलो मुख्य कार्ड र साना समर्थन कार्डहरू) को साथ ग्रिड तोड्छ। पृष्ठ सामग्री-भारी छ, 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 · प्रयोगकर्ता इन्टरफेसमा भएका सबै कार्यात्मक पाठहरू - मुख्य पाठ, नेभिगेसन, बटनहरू, सूची वस्तुहरू, लेबलहरू, र साना शीर्षकहरू - जोडको लागि ५००-६००, मुख्य पाठको लागि ४००, र अव्यवस्थित मेटाडेटाको लागि ३०० थोरै फन्ट वजनको साथ प्रयोग गरिन्छ।
- Esbuild — प्रतिस्थापन: Sora · रूपरेखाहरू 400, 500, 600 · प्रदर्शन-मात्र: स्प्ल्याश शीर्षकहरू, खण्ड शीर्षकहरू, र मेटाब्रेन लेख शीर्षकहरू। सघन ज्यामिति र कडा अक्षर स्पेसिङले SaaS परियोजनाहरू भन्दा सम्पादकीय कार्यको लागि ८४px बढी उपयुक्त छ भन्ने धारणा सिर्जना गर्दछ। २८px भन्दा कम कहिल्यै प्रयोग नगर्नुहोस्।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | फराकिलो |
| आधारभूत चरण | 12px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 12px |
| छायाँहरू | नरम छायाँ |
| खण्डहरू बीच | 96px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Huly शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- monday — पेस्टल स्टिकरहरू भएको सेतो कार्यशाला
- Slack — स्टेज बैंगन रंगको छ जसमा सेतो स्पटलाइटहरू छन्। गाढा आलुबखडा रंगले अँध्यारो क्षेत्रहरूमा प्रभुत्व जमाउँछ, जबकि अफ-ह्वाइट क्यानभासले ठूला, अवान्त-गार्डे शीर्षकहरूलाई स्वतन्त्र रूपमा सास फेर्न अनुमति दिन्छ।
- Base44 — कागती मार्कर भएको घामले उज्यालो भएको नोटबुक
- Supahub — बैजनी रेजमा नरम दिनको उज्यालो। एउटा चम्किलो बैजनी सूर्यले उज्यालो पारेको प्रायः सेतो, हावायुक्त क्यानभास, नकारात्मक ठाउँमा रंग फैलाउने सजावटी ग्रेडियन्ट गोलाहरू र उदार गोलाकार ज्यामितिले प्रत्येक सतहलाई रमाइलो, मूर्त भारीपन प्रदान गर्दछ।
- Raycast — मिडनाइट कमाण्ड सेन्टर, कोरल नियोन
- Dimension — फ्रोस्टेड गिलास प्यानलहरू भएको साँझको उज्यालो भएको कार्यस्थल
- Wiza — साँझमा ल्याभेन्डर कुहिरोले ढाकिएको खनिज अन्वेषण वेधशाला।
- Paste — सेतो संगमरमरमा एम्बर लालटिन - ब्रान्डको न्यानो ग्रेडियन्ट लोगो विशाल सेतो ठाउँमा घुमिरहेको छ, हिउँले ढाकिएको भवनको एक मात्र उज्यालो झ्याल जस्तै।
- Reworkd — उत्पादन रेखाचित्रमा रहेको नरम डेलाइट एक मात्र रङ हो जसले आफैं बोल्छ, यो एक्सन बटन र यसको माथिको ग्रेडियन्ट हेडलाइन हो।
- Reflect Notes — तारायुक्त बैजनी अन्तरिक्ष एउटा अँध्यारो वेधशाला हो जहाँ लगभग कालो नील शून्यताको पृष्ठभूमिमा नोटहरू नक्षत्रहरू जस्तै तैरिन्छन्।
- Ameba — मध्यरातमा नियन्त्रण कक्ष - फ्रोस्टेड गिलास प्यानलहरू भित्र विद्युतीय नीलो पल्स
- Todoist — कागजको डायरी भएको घामले उज्यालो भएको कार्यस्थल - न्यानो क्रिम डेस्क, मसीको नोट, एउटा रातो कलम