Wise
चुनढुङ्गाको तनाव भएको गहिरो काई। लगभग कालो वनको भुइँमा चुनढुङ्गाको झिल्काहरू निस्कन्छन्, र विशाल, कोणीय आकृतिहरूले प्रत्येक चाललाई संकेत गर्छन्।
वाइज टाइपफेसले आत्मविश्वासी, थोरै ठूलो स्वरमा बोल्छ: गहिरो वन हरियो (#१६३३००) ले अधिकांश सतह क्षेत्रफल ओगटेको छ—पाठ, नेभिगेसन, गाढा खण्डहरू, आइकनहरू—जबकि एकल चम्किलो लाइम हरियो (#९fe८७०) ले कल टु एक्शन, सक्रिय ट्याबहरू र मुख्य तत्वहरूमा कार्यात्मक विराम चिन्हको रूपमा काम गर्दछ। टाइपफेस लगभग आक्रामक छ: वाइज सान्स ९०० को रेखा वजनको साथ, घना रूपमा प्याक गरिएको, गृह स्क्रिनमा ठूला अक्षरहरू (१००px+) मा बाहिर खडा छ। प्रणालीको बाँकी भाग नरम खैरो सतहहरू (#e8ebe6) भएको अफ-सेतो क्यानभासमा विवेकी रहन्छ। कम्पोनेन्टहरू पूर्वनिर्धारित रूपमा गोली आकारका हुन्छन्—बटनहरू, नेभिगेसन खण्डहरू, चेकबक्स थम्बनेलहरू, छवि मास्कहरू—कार्डहरू र इनपुट क्षेत्रहरूको लागि आरक्षित सानो त्रिज्या (१०px) सहित। रङ ग्रेडियन्टहरू दुर्लभ छन्; यसको सट्टा, स्यालामन्डर र वन हरियोको संयोजन सजिलैसँग खण्डहरू अँध्यारो हुँदै परिवर्तन हुन्छ, अत्यधिक सजावट बिना ताल सिर्जना गर्दछ।
१२०० पिक्सेल-अधिकतम-चौडाइ कन्टेनर, केन्द्रमा, पृष्ठको सम्पूर्ण चौडाइमा माथिल्लो र गाढा खण्ड फैलिएको। हेडर लेआउटमा सेतो पृष्ठभूमिमा विशाल, केन्द्रित हेडलाइन छ, जसमा भ्यूपोर्टको तल्लो किनाराभन्दा बाहिर फैलिएको ठूलो चित्रण (ग्लोब) छ। खण्ड ताल सेतो, हल्का हरियो र "वन मसी" मा गाढा खण्ड बीच वैकल्पिक हुन्छ, जसले प्राकृतिक रङ ताल सिर्जना गर्दछ। सामग्री लेआउट मुख्यतया केन्द्रित छ: शीर्षमा दुई स्तम्भहरूमा पाठ र छविहरूको ब्लकहरू, वा माध्यमिक खण्डहरूमा तीन स्तम्भहरूमा प्राथमिक तत्वहरू भएका पङ्क्तिहरू। देशहरूको सूची प्रदर्शन गर्न झण्डाहरू सहितको पाँच-स्तम्भ ग्रिड प्रयोग गरिन्छ। नेभिगेसन खण्डित टगलको साथ एकल, निश्चित शीर्ष पट्टी हो। QR कोड सबै स्क्रोल स्थितिहरूमा तल्लो दायाँ कुनामा स्थिर रहन्छ।
सुनका सिक्काहरू भएको ग्लोब चित्रण गर्ने ३D चित्रहरूले ब्रान्डको दृश्य संसार सिर्जना गर्दछ—स्पर्शशील, थोरै वास्तविक, नरम ग्रेडियन्टहरू र न्यानो प्रकाशको साथ कार्यान्वयन गरिएको। फोटोग्राफी न्यूनतम छ; प्रयोग गर्दा, यो उच्च-कुञ्जी र अनौपचारिक छ। राष्ट्रिय झण्डाहरूलाई पाँच-स्तम्भ ग्रिडमा गोलाकार थम्बनेलको रूपमा प्रस्तुत गरिन्छ—एकमात्र "प्रतिष्ठित" प्रणाली राष्ट्रिय पहिचान हो। कुनै अमूर्त ग्राफिक तत्वहरू छैनन्, कुनै मानक टेम्प्लेटहरू छैनन्। ग्लोब र सिक्काहरू मस्कटको पुनरावर्ती आकृति हुन्, जसले मोन्टेजको सट्टा एकल, न्यानो, आशावादी वस्तु मार्फत विश्वव्यापी पहुँचलाई संकेत गर्दछ।
प्यालेट
ब्रान्ड
- Forest Ink
#163300— ब्रान्डको प्रमुख गाढा शैली - नेभिगेसन टेक्स्ट, गाढा खण्ड पृष्ठभूमि, हल्का सतहहरूमा मुख्य भागको टेक्स्ट, आइकन रूपरेखा, र भरिएको नेभिगेसन तत्वहरू - ले यसको शक्तिलाई परिभाषित गर्दछ: जहाँ तौल वा अधिकार आवश्यक छ, तपाईंले फरेस्ट इन्क छनौट गर्नुहुन्छ। - Lime Voltage
#9fe870— हरियो रंगलाई सजावटी विवरणहरूको लागि र कम प्रयोग हुने खोज प्रश्नहरूलाई हाइलाइट गर्नको लागि दोस्रो उच्चारणको रूपमा प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन। - Spruce
#054d28— कार्ड सतहहरू, सानो प्रतिमाहरूको लागि, र वन मसी धेरै संतृप्त भएको अँध्यारो क्षेत्रहरूमा गहिराइ थप्नको लागि माध्यमिक गाढा हरियो प्रयोग गरिन्छ।
तटस्थ
- Linen Mist
#e2f6d5— सतहहरूमा नरम हाइलाइटहरू, टिन्टेड कार्ड पृष्ठभूमिहरू, र नेभिगेसन बारहरूमा होभर स्टेटहरूको लागि हल्का हरियो छाया। विवेकी कन्टेनर डिजाइन तत्वहरूको लागि सिग्नेचर हरियोको सूक्ष्म छाया। - Signal Blue
#0b4c72— नीलो रंगले सजावटी विवरणहरूको लागि र कम आवृत्तिहरूलाई जोड दिन अतिरिक्त उच्चारणको रूपमा काम गर्दछ। - Alarm Red
#cb272f— रातो रंगले सजावटी विवरणहरूको लागि र असामान्य रङहरूलाई हाइलाइट गर्न सहायक उच्चारणको रूपमा काम गर्दछ। यसलाई स्थिति रंगको रूपमा होइन, सहायक उच्चारणको रूपमा प्रयोग गर्नुहोस्। - Charcoal
#454745— मुख्य भागको प्रतिलिपि, मुख्य भागको पाठ, रिच UI - सेतो पृष्ठभूमिमा शुद्ध #000 भन्दा नरम महसुस हुने अलि न्यानो कालो। - Obsidian
#0e0f0c— शीर्षकहरू, उच्च-कन्ट्रास्ट शीर्षकहरू, नेभिगेसन र मुख्य मेनुमा शुद्ध कालो तत्वहरू। तटस्थ खैरो होइन, थोरै हरियो रंगको साथ कालो। - Pebble
#868685— कम गरिएको माध्यमिक पाठ, प्लेसहोल्डर पाठ, आइकन रूपरेखा, र इनपुट फिल्ड बोर्डरहरू। मध्यम खैरो, दूरीमा घट्दै।
टाइपोग्राफी
१२ देखि १०५ पिक्सेल सम्म · १० चरणहरू
- Inter — प्रतिस्थापन: Inter (native Google Fonts) · रूपरेखाहरू 400,500,600,700 · उत्पादनभरि मुख्य पाठ, प्रयोगकर्ता इन्टरफेस, क्याप्सन, र उपशीर्षकहरू। मध्यम-स्तरका शीर्षकहरू (३६–४५ पिक्सेल), उपशीर्षकहरू र क्याप्सनहरूको लागि ५००–६००, र मुख्य पाठ र क्याप्सनहरूको लागि ४०० को फन्ट प्रयोग गरिन्छ। इन्टरले सूक्ष्म रूप प्रदान गर्दछ, जबकि वाइज सान्सले बोल्ड रूप प्रदान गर्दछ।
- Wise Sans — प्रतिस्थापन: Inter Black (900) with -0.04em tracking · रूपरेखाहरू 900 · हेडलाइनहरू ब्रान्डको कलिङ कार्ड हुन्। ८९–१०५ पिक्सेल पिच र कडा अक्षर स्पेसिङ भएको सुपर-डेन्स ९०० फन्टले प्रत्येक हेडलाइनलाई बोल्ड, बोल्ड विज्ञापनमा रूपान्तरण गर्छ। तिनीहरू कम प्रयोग गरिन्छ: मुख्य पाठको रूपमा, खण्ड शीर्षकहरूको लागि, र अभियान हाइलाइटहरूको लागि।
- monospace — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · मोनोस्पेस्ड - निकालिएको डेटामा पाइन्छ तर एआई द्वारा वर्णन गरिएको छैन।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 8-12px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 10px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 64-80px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Wise शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Integrated Biosciences — मध्यरातमा बायोल्युमिनेसेन्स प्रयोगशाला
- Huly — मिडनाइट अब्जर्भेटरीमा नर्दर्न लाइट्स - नायक बैजनी रंगको ठाडो किरण हो जुन कोरलमा हराउँछ, र यसको तलको प्रत्येक शान्त भागले थप मधुरो स्वरमा भनिएको उही दुई-टोन कथा उधारो लिन्छ।
- Dia Browser — एउटा अँध्यारो कोठाको ग्यालरी ठाउँ सम्पादकीय पत्रिकासँग मिसिएको छ। पिच-कालो दृश्यले सूर्यको किरणले भरिएको पत्रिका फैलिएको देखाउँछ, प्रत्येक खण्डमा एउटा सेरिफ हेडलाइन चिन्ह लगाइएको छ।
- Mintlify — सिसाको टेबलमाथि बादलको बगैंचा। हातले कोरेको आकाश र वृत्तचित्र एकसाथ फ्रेम गरिएका छन्—पृष्ठ भिक्षु सेतोमा फिक्का हुनुभन्दा पहिले रंग र अवधारणा एकसाथ ठोक्किने एक मात्र ठाउँ।
- Gleap — ग्रेफाइट उच्चारणहरू सहित न्यानो क्रिम टोनमा सजाइएको कार्यस्थान - एउटा स्टुडियो जहाँ म्याट कालो मसीका थोप्लाहरू लिनेन वास्तुकला माथि तैरिरहेका देखिन्छन्।
- ClickUp — सेतो संगमरमरमा शक्तिशाली ड्यासबोर्ड। पृष्ठ उत्पादकता उपकरणको लागि एक उत्पादन ब्रोसर हो, त्यसैले दृश्य भाषा उत्पादनबाट नै उधारो लिइएको हो: घना सूचीहरू, स्थिति सूचकहरू, अवतारहरूको समूहहरू, र बोल्ड टाइपोग्राफिक कथनहरू जुन प्रदर्शनमा उत्पादन विशिष्टता जस्तो देखिन्छ।
- monday — पेस्टल स्टिकरहरू भएको सेतो कार्यशाला
- Portal — ट्वाइलाइट सेरिफ सम्पादकीय - iOS शैलीमा डिजाइन गरिएको स्वतन्त्र पत्रिकामा प्रिमियम स्प्रेड
- Slack — स्टेज बैंगन रंगको छ जसमा सेतो स्पटलाइटहरू छन्। गाढा आलुबखडा रंगले अँध्यारो क्षेत्रहरूमा प्रभुत्व जमाउँछ, जबकि अफ-ह्वाइट क्यानभासले ठूला, अवान्त-गार्डे शीर्षकहरूलाई स्वतन्त्र रूपमा सास फेर्न अनुमति दिन्छ।
- Base44 — कागती मार्कर भएको घामले उज्यालो भएको नोटबुक
- Letters — खुला हावामा रहेको क्लिनिकमा बिहानको अपोइन्टमेन्ट—नरम नीलो छतमुनि एउटा बाँझ सेतो टेबल, शल्यक्रियाका नीलो उपकरणहरूले छरिएको।
- Duolingo — बाक्लो चिन्ह लगाउने रेखाहरू भएको हरियो खेल मैदान