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

Wise

चूना पत्थर के तनाव के साथ गहरी काई। लगभग काले जंगल के तल पर चूना पत्थर की चमक, और विशाल, कोणीय आकृतियाँ हर हलचल का संकेत देती हैं।

वाइज़ फ़ॉन्ट आत्मविश्वास से भरी, थोड़ी बुलंद आवाज़ में बोलता है: गहरा हरा रंग (#163300) अधिकांश सतह क्षेत्र को घेरे हुए है—पाठ, नेविगेशन, गहरे रंग के भाग, आइकन—जबकि चमकीला हरा रंग (#9fe870) कॉल टू एक्शन, सक्रिय टैब और मुख्य तत्वों पर कार्यात्मक विराम चिह्नों के रूप में काम करता है। यह फ़ॉन्ट लगभग आक्रामक है: 900 की लाइन वेट वाला वाइज़ सैन्स, सघन रूप से पैक किया गया, होम स्क्रीन पर बड़े अक्षरों (100px+) में स्पष्ट रूप से दिखाई देता है। बाकी सिस्टम हल्के भूरे रंग की सतहों (#e8ebe6) वाले ऑफ-व्हाइट कैनवास पर संयमित रहता है। घटक डिफ़ॉल्ट रूप से पिल-आकार के होते हैं—बटन, नेविगेशन खंड, चेकबॉक्स थंबनेल, इमेज मास्क—जबकि कार्ड और इनपुट फ़ील्ड के लिए छोटे रेडियस (10px) आरक्षित हैं। रंग ग्रेडिएंट दुर्लभ हैं; इसके बजाय, सैलामैंडर और फ़ॉरेस्ट ग्रीन का संयोजन अनुभागों के गहरे होने के साथ सहजता से बदलता है, जिससे अत्यधिक सजावट के बिना एक लय बनती है।

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

सोने के सिक्कों से सजे ग्लोब को दर्शाने वाले 3D चित्र ब्रांड की दृश्य दुनिया का निर्माण करते हैं—स्पष्ट, थोड़ा अवास्तविक, कोमल ग्रेडिएंट और गर्म रोशनी के साथ। फोटोग्राफी न्यूनतम है; जब भी इसका उपयोग किया जाता है, यह स्पष्ट और अनौपचारिक होती है। राष्ट्रीय ध्वजों को पांच-स्तंभ ग्रिड में गोलाकार थंबनेल के रूप में प्रस्तुत किया गया है—एकमात्र "प्रतीकात्मक" प्रणाली राष्ट्रीय पहचान है। कोई अमूर्त ग्राफिक तत्व नहीं, कोई मानक टेम्पलेट नहीं। ग्लोब और सिक्के शुभंकर का एक आवर्ती प्रतीक हैं, जो एक समग्र चित्रण के बजाय एक एकल, गर्मजोशीपूर्ण, आशावादी वस्तु के माध्यम से वैश्विक पहुंच का संकेत देते हैं।

पैलेट

ब्रांड

  • Forest Ink #163300 — ब्रांड की प्रमुख डार्क शैली—नेविगेशन टेक्स्ट, डार्क सेक्शन बैकग्राउंड, हल्के सतहों पर बॉडी टेक्स्ट, आइकन आउटलाइन और भरे हुए नेविगेशन एलिमेंट्स—ही इसकी ताकत को परिभाषित करती है: जहां भी वजन या अधिकार की आवश्यकता होती है, आप फॉरेस्ट इंक को चुनते हैं।
  • Lime Voltage #9fe870 — हरे रंग का उपयोग सजावटी विवरणों के लिए द्वितीयक संकेत के रूप में और कम उपयोग होने वाले खोज प्रश्नों को उजागर करने के लिए किया जाता है। इसे कॉल टू एक्शन के लिए प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।
  • Spruce #054d28 — कार्ड की सतहों, छोटे-मोटे प्रतीकों और उन गहरे क्षेत्रों में गहराई जोड़ने के लिए जहां फॉरेस्ट इंक बहुत अधिक संतृप्त है, एक द्वितीयक गहरे हरे रंग का उपयोग किया जाता है।

तटस्थ

  • Linen Mist #e2f6d5 — सतहों पर हल्की चमक लाने, कार्ड की पृष्ठभूमि को रंगीन बनाने और नेविगेशन बार पर होवर करने के लिए हल्के हरे रंग का इस्तेमाल किया जा सकता है। कंटेनर डिज़ाइन के सूक्ष्म तत्वों के लिए सिग्नेचर ग्रीन का एक सूक्ष्म शेड।
  • Signal Blue #0b4c72 — नीला रंग सजावटी विवरणों के लिए एक अतिरिक्त आकर्षण के रूप में और निम्न आवृत्तियों पर जोर देने के लिए कार्य करता है।
  • Alarm Red #cb272f — लाल रंग सजावटी विवरणों के लिए एक सहायक रंग के रूप में और असामान्य रंगों को उभारने के लिए उपयुक्त है। इसे एक सहायक रंग के रूप में प्रयोग करें, न कि प्रतिष्ठा के प्रतीक के रूप में।
  • Charcoal #454745 — बॉडी कॉपी, बॉडी टेक्स्ट, रिच यूआई - एक हल्का गर्म काला रंग जो सफेद पृष्ठभूमि पर शुद्ध #000 की तुलना में अधिक नरम लगता है।
  • Obsidian #0e0f0c — हेडिंग्स, हाई-कॉन्ट्रास्ट हेडिंग्स, नेविगेशन और मेन मेन्यू में प्योर ब्लैक एलिमेंट्स। हल्का हरापन लिए हुए काला रंग, न्यूट्रल ग्रे नहीं।
  • Pebble #868685 — धुंधला द्वितीयक पाठ, प्लेसहोल्डर पाठ, आइकन की रूपरेखा और इनपुट फ़ील्ड की सीमाएँ। मध्यम धूसर रंग, जो दूर तक फैला हुआ प्रतीत होता है।

टाइपोग्राफी

12 से 105px तक · 10 चरण

  • Inter — प्रतिस्थापन: Inter (native Google Fonts) · रूपरेखा 400,500,600,700 · उत्पाद में बॉडी टेक्स्ट, यूजर इंटरफेस, कैप्शन और सबहेडिंग के लिए 700 वेट का फॉन्ट इस्तेमाल किया गया है (36–45px)। मिड-लेवल हेडिंग के लिए 700 वेट का फॉन्ट, सबहेडिंग और कैप्शन के लिए 500–600 वेट का फॉन्ट और बॉडी टेक्स्ट और कैप्शन के लिए 400 वेट का फॉन्ट इस्तेमाल किया गया है। इंटर फॉन्ट अधिक सौम्य लुक देता है, जबकि वाइज सैंस फॉन्ट अधिक बोल्ड लुक देता है।
  • Wise Sans — प्रतिस्थापन: Inter Black (900) with -0.04em tracking · रूपरेखा 900 · हेडलाइन किसी ब्रांड की पहचान होती है। 89–105px पिच और कम स्पेसिंग वाला 900 फॉन्ट हर हेडलाइन को एक दमदार विज्ञापन में बदल देता है। इनका इस्तेमाल सीमित मात्रा में किया जाता है: बॉडी टेक्स्ट, सेक्शन हेडिंग और कैंपेन की मुख्य बातों के लिए।
  • monospace — प्रतिस्थापन: Inter · रूपरेखा 400 · मोनोस्पेस्ड - निकाले गए डेटा में पाया गया लेकिन एआई द्वारा इसका वर्णन नहीं किया गया।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वघना
बुनियादी कदम8-12px
बटन त्रिज्या9999px
कार्ड त्रिज्या10px
छैया छैयानहीं - छाया के बजाय बॉर्डर
अनुभागों के बीच64-80px
पृष्ठ की चौड़ाई1200px

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

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

समान शैलियाँ

  • Integrated Biosciences — आधी रात को बायोल्यूमिनेसेंस प्रयोगशाला
  • Huly — मध्यरात्रि वेधशाला में उत्तरी रोशनी - मुख्य पात्र बैंगनी रंग की एक ऊर्ध्वाधर किरण है जो मूंगे रंग में विलीन हो जाती है, और इसके नीचे के प्रत्येक शांत खंड में उसी दोहरे रंग की कहानी को अधिक शांत स्वर में दोहराया गया है।
  • Dia Browser — एक डार्करूम गैलरी स्पेस एक संपादकीय समाचार पत्र के साथ घुलमिल जाता है। घोर अंधकार के बीच सूर्य की रोशनी से जगमगाता समाचार पत्र का पृष्ठ उभरता है, जिसके प्रत्येक भाग में एक ही सेरिफ वाली हेडलाइन है।
  • Mintlify — कांच की मेज के ऊपर बादलों का बगीचा। हाथ से बनाया गया आकाश और वृत्तचित्र एक साथ फ्रेम किए गए हैं—यह एकमात्र स्थान है जहाँ रंग और अवधारणा आपस में टकराते हैं, इससे पहले कि पृष्ठ धीरे-धीरे मठवासी सफेद रंग में विलीन हो जाए।
  • Gleap — एक ऐसा कार्यक्षेत्र जो गर्म क्रीम रंगों और ग्रेफाइट के स्पर्श से सजाया गया है—एक स्टूडियो जहां मैट ब्लैक स्याही के बिंदु लिनन की संरचना के ऊपर तैरते हुए प्रतीत होते हैं।
  • ClickUp — सफेद संगमरमर पर बना एक दमदार डैशबोर्ड। यह पेज एक उत्पादकता उपकरण का उत्पाद ब्रोशर है, इसलिए इसकी दृश्य भाषा उत्पाद से ही ली गई है: सघन सूचियाँ, स्थिति संकेतक, अवतारों के समूह और बोल्ड टाइपोग्राफिक कथन जो प्रदर्शित उत्पाद विनिर्देश की तरह दिखते हैं।
  • monday — पेस्टल स्टिकर से सजी सफेद कार्यशाला
  • Portal — ट्वाइलाइट सेरिफ़ एडिटोरियल - एक स्वतंत्र पत्रिका में प्रीमियम स्प्रेड, जिसे iOS शैली में डिज़ाइन किया गया है।
  • Slack — मंच बैंगन के रंग का है और उस पर सफेद स्पॉटलाइट्स लगी हैं। गहरे बैंगनी रंग का प्रभाव अंधेरे क्षेत्रों पर हावी है, जबकि ऑफ-व्हाइट कैनवास बड़े, आधुनिक और कलात्मक शीर्षकों को खुलकर प्रदर्शित होने का अवसर देता है।
  • Base44 — लाइम मार्कर से लिखा हुआ धूप से चमकता नोटबुक
  • Letters — एक खुली हवा वाली क्लिनिक में सुबह का अपॉइंटमेंट—हल्के नीले रंग की छत के नीचे एक साफ-सुथरी सफेद मेज, जिस पर नीले रंग के शल्य चिकित्सा उपकरण बिखरे पड़े हैं।
  • Duolingo — मोटी मार्किंग लाइनों वाला हरा-भरा खेल का मैदान