Vivid+Co
ओब्सिडियन हुँदै प्रिज्म्याटिक प्रकाश
Vivid+Co एक सिनेमाई, गाढा शून्यतामा सञ्चालन हुन्छ: #१०१०१०–#४९५७६४ को लगभग कालो क्यानभास, लगभग सबै टाइपफेस र इन्टरफेस तत्वहरूको लागि प्रयोग गरिएको एकल, लगभग-सेतो रंग (#fffdf9) द्वारा अवरोधित। टाइपोग्राफी मुख्यतया Neue Montreal मा ४०० तौलमा रेन्डर गरिएको छ—बोल्डको जानाजानी अस्वीकृति, जहाँ अधिकार तौलको सट्टा स्केल (१३६px र १०५px) मार्फत प्राप्त गरिन्छ। एक हस्ताक्षर प्रविधि क्रोमेटिक प्रिज्म हो: संतृप्त रातो/हरियो/नीलो प्रकाशका ब्लकहरू, RGB द्वारा छुट्याइएको, गिलास क्यूबहरू मार्फत फिल्टर गर्नुहोस्, मोनोक्रोम सतहलाई बाधा पुर्याउनुहोस्। लेआउट केन्द्रित र फराकिलो छ; नेभिगेसन, बडी प्रतिलिपि, र लिङ्कहरू सबै एकल #ffffdf9 रङमा छन्, कुनै छुट्टै एक्सेन्ट बटनहरू, भरणहरू, वा छायाँ बिना—भेदभाव स्पेसिङ, स्केल, र ब्रान्डको एकमात्र रङ एक्सेन्टको रूपमा काम गर्ने इन्द्रेणी कलाकृति मार्फत प्राप्त गरिन्छ।
~१४४० पिक्सेल अधिकतम मापन गर्ने सामग्रीको एकल स्तम्भ भएको गाढा, पूर्ण-चौडाइको क्यानभास। प्राथमिक तत्व एक केन्द्रित प्रिज्म्याटिक कलाकृति हो जसमा ओभरल्यापिङ शीर्षक (क्यूबहरूलाई काट्ने पाठ) र बायाँ-पङ्क्तिबद्ध उपशीर्षक छ। नेभिगेसन पातलो शीर्ष पट्टीमा अवस्थित छ: बायाँमा लोगो, दायाँमा चार अदृश्य लिङ्कहरू, र पङ्क्तिको अन्त्यमा समर्पित "सम्पर्क" बटन। खण्ड ताल पूर्ण-उचाइ नायक प्यानलहरू र ~१०८ पिक्सेल खाली ठाउँहरू भएका साँघुरो सामग्री स्ट्रिपहरू बीच वैकल्पिक हुन्छ। सामग्री लेआउट असममित छ: प्रिज्म्याटिक कलाकृतिले दृश्य केन्द्रको रूपमा काम गर्दछ, र शीर्षकहरू यसको वरिपरि बेरिन्छन्। एकल-स्तम्भ पाठ ब्लकहरूको अधिकतम चौडाइ लगभग ४४० पिक्सेल हुन्छ; बहु-स्तम्भ ग्रिडहरू, कार्ड म्याट्रिक्सहरू, र मूल्य निर्धारण तालिकाहरू अनुपस्थित छन्। फुटर एक पातलो पट्टी हो, पातलो रेखाले विभाजित, मेटाडेटाका दुई स्तम्भहरू सहित।
मुख्य डिजाइन तत्व भनेको RGB रङले छुट्याइएको किनारहरूमा क्रोमेटिक विकृति भएको गिलास क्यूबहरूको अमूर्त 3D छवि हो। कुनै तस्बिरहरू छैनन्, मानिसहरूको छविहरू छैनन्, कुनै उत्पादन शटहरू छैनन्। प्रिज्म ब्रान्डको छवि हो; अरू सबै कुरा गाढा क्यानभासमा मोनोक्रोम टाइपोग्राफी हो। आइकनोग्राफी न्यूनतम छ: सूक्ष्म नेभिगेसन लेबलहरू र शीर्षकहरू मध्ये एकको अन्त्यमा सानो कर्सर/ग्लिफ एक्सेन्ट (क्षेत्र 142765) ले एकल, मोनोलिनियर 16px आइकनमा संकेत गर्दछ। कुनै चित्रण छैन, कुनै सजावटी ढाँचा छैन, कुनै बनावट छैन।
प्यालेट
तटस्थ
- Bone White
#fffdf9— मुख्य पाठ, नेभिगेसन लेबलहरू, लिङ्क रङ, र हेडिङ फिल सबै लगभग सेतो छन्, जसले गाढा क्यानभासमा सबै टाइपोग्राफिक सतहहरू ओगटेको छ। - Obsidian
#101010— पृष्ठ क्यानभास, मुख्य र विभाजित धर्काहरूको लागि पृष्ठभूमि भरण, गहिरो कालो रंगको छ जसमा भित्र प्रिज्म्याटिक कलाकृति छ। - Graphite Veil
#495764— शीर्षकहरू र सामग्री ब्लकहरू पछाडि, एउटा शान्त, गाढा स्लेट हावी छ, जसले समतल कालो रंगको प्रयोग बिना नै क्यानभासलाई गहिराइ दिन्छ। - Ash Border
#403f3f— पाठसँग प्रतिस्पर्धा नगरी रेखाहरू छुट्याउन १ पिक्सेलमा सूक्ष्म विभाजन रेखा र कार्ड रूपरेखा प्रयोग गरिन्छ। - Fog Blue
#6f879c— दबिएको माध्यमिक पाठ र सूक्ष्म बटन लेबलहरू (३.७:१ कन्ट्रास्ट) - "रणनीति," "रचनात्मक," "सञ्चार + मार्केटिङ" जस्ता सेवा श्रेणी पदनामहरूलाई हाइलाइट नगरिएको मेटाडेटाको रूपमा बुझिन्छ। - Pure Black
#000000— SVG आइकनहरू र चित्रणहरूको लागि सजावटी भरण—प्रिज्म छवि र आइकन ग्लिफहरूमा प्रयोग गरिन्छ; पृष्ठभूमि होइन।
टाइपोग्राफी
१५ देखि १३६ पिक्सेल सम्म · ९ चरणहरू
- Neue Montreal — प्रतिस्थापन: Söhne · रूपरेखाहरू 400, 700 · प्रयोगकर्ता इन्टरफेसभरि विशेष फन्ट प्रयोग गरिन्छ—शीर्षकहरू, मुख्य भागको प्रतिलिपि, नेभिगेसन, बटनहरू, लिङ्कहरू, र फुटर। पूर्वनिर्धारित रूपमा ४०० तौल हुन्छ; ७०० तौल उपशीर्षकहरूको लागि मात्र आरक्षित हुन्छ। १०५px र १३६px तौल भएका शीर्षकहरूमा १.००–१.०१em को रेखा स्पेसिङ र -०.०२em को अक्षर स्पेसिङ हुन्छ, जसले गर्दा सिनेम्याटिक, स्ट्याक्ड हेडलाइनहरू सिर्जना हुन्छन् जुन टाइपोग्राफिक भन्दा बढी मूर्तिकला जस्तो लाग्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | फराकिलो |
| आधारभूत चरण | 7px |
| बटनको त्रिज्या | 0px |
| कार्डको अर्धव्यास | 15px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 108px |
| पृष्ठ चौडाइ | 1440px |
एआईले तपाईंको वेबसाइट Vivid+Co शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Sequel — अँध्यारो सिनेमाघरमा अँध्यारोपछिको निजी स्क्रिनिङ मात्र न्यानो प्रकाश हो।
- ThoughtLab — रातो रंगको संकेत भएको ओब्सिडियन स्मारक। कालो शून्यताको क्यानभास, जहाँ क्याथेड्रलमा रहेको एक मात्र संतृप्त रातो वस्तु, ठूला सेतो अक्षरहरूमा छापिएको, एकल रंगीन आकृति हो।
- Dovetail — कालो चन्द्रमा मुनिको खाका—मुश्किलले देखिने ग्राफ रेखाहरू, सेतो फन्ट, एउटा बैजनी चमक
- MekaVerse — डिजिटल कलाकृतिहरूको एक मोनोक्रोम ग्यालरी—एक ठोस कालो शून्य जहाँ रेन्डर गरिएको संसार संग्रहालय प्रदर्शनी जस्तै झुण्डिएको छ, र सम्पूर्ण प्रयोगकर्ता इन्टरफेस म्याट कालो गिलासमा सेतो मसीले बनेको छ।
- Krea — मध्यरातमा ग्यालरी नोयर
- Factory — मध्यरातमा "युद्ध कक्ष" टर्मिनल। "कारखाना" एउटा कालो नियन्त्रण प्यानल हो जहाँ एउटा सेतो कार्ड टर्चलाइटले उज्यालो डिस्प्याच जस्तै अवतरण गर्छ - कोठामा एक मात्र वस्तु भनेको काम नै हो।
- basement — बिहान ३ बजे एउटा खाली छापाखाना - कालो रंगमा विशाल, कम्प्रेस गरिएका फन्टहरू फैलिएका, नेभिगेसन बारमा सुन्तला रंगको प्रकाशको एक झलक, बाँकी सबै सेतो वा भूतिया खैरो।
- Stink Studios — मध्यरातमा फिल्म स्टुडियो - प्रोजेक्टर बज्छ, कोठा अँध्यारो छ, फिल्म मात्र बत्ती बालिएको छ
- Apple (España) — उज्यालो फिटिंगसहितको कालो रंगमञ्च
- Charlie — मठको ढुङ्गाबाट ओब्सिडियनमा कुँदिएको टाइपोग्राफी। एउटा पोर्टफोलियो जसमा एउटा रातो पर्खालले बहिरो पार्ने मौनता सिर्जना गर्दछ।
- Rive — उच्च परिशुद्धता रात्रि दृष्टि। इन्टरफेसमा एक विशेष लेन्स छ जसले पूर्ण स्पष्टताका साथ प्राविधिक विवरणहरूमा ध्यान केन्द्रित गर्न अँध्यारोलाई छेउछाउ गर्छ।
- Datalands — एउटा नियोन पल्स भएको कालो क्याथेड्रल। लोगोले नेभ भर्छ; बाँकी सबै कुरा मुनि मुश्किलले सुन्न सकिने पाठ हो।