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