Vivid+Co
ऑब्सिडियनमधून जाणारा इंद्रधनुषी प्रकाश
Vivid+Co एका सिनेमॅटिक, गडद पोकळीत काम करते: #101010–#495764 रंगांचा जवळजवळ काळा कॅनव्हास, जो जवळजवळ सर्व टाइपफेस आणि इंटरफेस घटकांसाठी वापरलेल्या एकाच, जवळजवळ पांढऱ्या रंगाच्या छटाने (#fffdf9) खंडित होतो. टायपोग्राफी प्रामुख्याने Neue Montreal मध्ये 400 वेटवर प्रस्तुत केली जाते—हा बोल्ड रंगाचा जाणीवपूर्वक केलेला त्याग आहे, जिथे वेटऐवजी स्केलद्वारे (136px आणि 105px) अधिकार प्राप्त केला जातो. क्रोमॅटिक प्रिझम हे एक वैशिष्ट्यपूर्ण तंत्र आहे: RGB द्वारे विभक्त केलेले, गडद लाल/हिरव्या/निळ्या प्रकाशाचे ब्लॉक्स काचेच्या क्यूब्समधून फिल्टर होतात, ज्यामुळे मोनोक्रोम पृष्ठभाग विस्कळीत होतो. लेआउट मध्यभागी आणि प्रशस्त आहे; नेव्हिगेशन, मुख्य मजकूर आणि लिंक्स हे सर्व एकाच #fffdf9 रंगात आहेत, ज्यात कोणतेही वेगळे ॲक्सेंट बटन्स, फिल्स किंवा शॅडोज नाहीत—फरक स्पेसिंग, स्केल आणि ब्रँडचा एकमेव कलर ॲक्सेंट म्हणून काम करणाऱ्या इंद्रधनुष्याच्या कलाकृतीद्वारे साधला जातो.
एक गडद, पूर्ण-रुंदीचा कॅनव्हास, ज्यामध्ये मजकुराचा एकच स्तंभ आहे आणि त्याचे कमाल माप सुमारे १४४० पिक्सेल आहे. मुख्य घटक म्हणजे मध्यभागी असलेली एक त्रिकोणी आकृती, ज्यावर एक आच्छादित शीर्षक (घनांना छेदणारा मजकूर) आणि डावीकडे संरेखित केलेले उपशीर्षक आहे. नेव्हिगेशन एका पातळ टॉप बारमध्ये आहे: डावीकडे लोगो, उजवीकडे चार अदृश्य लिंक्स आणि ओळीच्या शेवटी एक स्वतंत्र "संपर्क" बटण. विभागांची लय पूर्ण-उंचीच्या हिरो पॅनेल्स आणि सुमारे १०८ पिक्सेलच्या अंतरासह असलेल्या अरुंद मजकूर पट्ट्यांमध्ये आलटून पालटून येते. मजकुराची मांडणी असममित आहे: त्रिकोणी आकृती दृश्य केंद्र म्हणून काम करते आणि शीर्षके तिच्याभोवती गुंडाळली जातात. एक-स्तंभीय मजकूर ब्लॉक्सची कमाल रुंदी अंदाजे ४४० पिक्सेल आहे; बहु-स्तंभीय ग्रिड, कार्ड मॅट्रिक्स आणि किंमत सारण्या अनुपस्थित आहेत. फुटर ही एका पातळ रेषेने विभागलेली एक पातळ पट्टी आहे, ज्यामध्ये मेटाडेटाचे दोन स्तंभ आहेत.
डिझाइनमधील मुख्य घटक म्हणजे RGB रंगाने विभागलेल्या, कडांवर क्रोमॅटिक ॲबरेशन असलेल्या काचेच्या घनांची एक अमूर्त 3D प्रतिमा. कोणतेही फोटो नाहीत, लोकांच्या प्रतिमा नाहीत, उत्पादनाचे फोटो नाहीत. प्रिझम ही ब्रँडची प्रतिमा आहे; बाकी सर्व काही गडद कॅनव्हासवरील मोनोक्रोम टायपोग्राफी आहे. आयकॉनोग्राफी किमान आहे: सूक्ष्म नेव्हिगेशन लेबल्स आणि एका शीर्षकाच्या शेवटी असलेला एक छोटा कर्सर/ग्लिफ ॲक्सेंट (एरिया 142765) एकाच, मोनोलिनियर 16px आयकॉनची सूचना देतात. कोणतीही चित्रे नाहीत, सजावटीचे नमुने नाहीत, टेक्स्चर नाहीत.
पॅलेट
तटस्थ
- Bone White
#fffdf9— मुख्य मजकूर, नेव्हिगेशन लेबल्स, लिंकचा रंग आणि शीर्षकाचा रंग हे सर्व जवळजवळ पांढऱ्या रंगाचे असून, ते गडद कॅनव्हासवरील सर्व टायपोग्राफिक पृष्ठभाग व्यापतात. - Obsidian
#101010— पानाचा कॅनव्हास, मुख्य आणि विभाजक पट्ट्यांसाठीची पार्श्वभूमी, ही आतमध्ये इंद्रधनुषी कलाकृती असलेला गडद काळा रंग आहे. - Graphite Veil
#495764— शीर्षके आणि मजकुराच्या मागे, एक थंड, गडद स्लेट रंग प्रामुख्याने दिसतो, ज्यामुळे सपाट काळ्या रंगाचा वापर न करता कॅनव्हासला खोली मिळते. - Ash Border
#403f3f— मजकुराशी स्पर्धा न करता ओळींना वेगळे करण्यासाठी, 1px अंतरावर एक सूक्ष्म विभाजक रेषा आणि कार्डची बाह्यरेखा वापरली आहे. - Fog Blue
#6f879c— मंद दुय्यम मजकूर आणि सूक्ष्म बटण लेबल्स (3.7:1 कॉन्ट्रास्ट) – “स्ट्रॅटेजी,” “क्रिएटिव्ह,” “कम्युनिकेशन्स + मार्केटिंग” यांसारखे सेवा श्रेणी पदनाम हायलाइट न केलेले मेटाडेटा म्हणून दिसतात. - Pure Black
#000000— SVG आयकॉन आणि चित्रांसाठी सजावटीचा भराव—प्रिझम प्रतिमा आणि आयकॉन ग्लिफ्समध्ये वापरला जातो; पार्श्वभूमी म्हणून नाही.
टायपोग्राफी
१५ ते १३६ पिक्सेल · ९ टप्पे
- 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 — पहाटे ३ वाजता एक रिकामं छापखाना – काळोखात पसरलेले प्रचंड, दाटीवाटीचे फॉन्ट, नॅव्हिगेशन बारवर नारंगी प्रकाशाची एक पुसटशी झलक, बाकी सर्व काही पांढरं किंवा धूसर राखाडी.
- Stink Studios — मध्यरात्रीचा एक फिल्म स्टुडिओ - प्रोजेक्टरचा गुणगुणणारा आवाज, खोलीत अंधार, फक्त फिल्मचाच प्रकाश.
- Apple (España) — प्रकाशमान उपकरणांसह काळे थिएटर
- Charlie — मठातील दगडावर ऑब्सिडियनवर कोरलेली अक्षरलिपी. एक असा पोर्टफोलिओ, ज्यात एकच लाल भिंत कानठळ्या बसवणारी शांतता निर्माण करते.
- Rive — उच्च-सुस्पष्टता नाईट व्हिजन. इंटरफेसमध्ये एक विशेष लेन्स आहे जी अंधारातही तांत्रिक तपशिलांवर पूर्ण स्पष्टतेने लक्ष केंद्रित करते.
- Datalands — एकच निऑन स्पंदन असलेले एक काळे कॅथेड्रल. लोगोने मुख्य सभागृह व्यापले आहे; बाकी सर्व काही त्याच्या खाली असलेला, जेमतेम ऐकू येणारा मजकूर आहे.