COS
सफेद दीवारों वाली एक ट्रेंडी गैलरी
COS समकालीन कला दीर्घा की दृश्य शैली का उपयोग करता है: विशाल सफेद दीवारें, बड़े आकार की मोनोक्रोम तस्वीरें और ऐसी टाइपोग्राफी जो मॉडलों के साथ कोई बाधा न डाले। इंटरफ़ेस लगभग रंगहीन है—अक्रोमैटिक—जिसमें शुद्ध सफेद (#ffffff) पर लगभग काला (#080808) एकमात्र संरचनात्मक कंट्रास्ट के रूप में उपयोग किया गया है, और लाल रंग का एक हल्का सा स्पर्श (#c80000) उन क्षणों के लिए एक सूक्ष्म उच्चारण के रूप में आरक्षित है जो तात्कालिक होने चाहिए लेकिन स्पष्ट नहीं। स्पेसिंग पर्याप्त और संपादकीय रूप से उपयुक्त है, जिसमें सेक्शन इंडेंट 135px तक पहुँचते हैं, और घटक पृष्ठ में घुलमिल जाते हैं: #dadada पर पतले बॉर्डर, कोई छाया नहीं, कोई ग्रेडिएंट नहीं, कोई गोल कोने नहीं। टाइपोग्राफी (SuisseIntl) एकमात्र अलंकरण है—एक ही विचित्र फ़ॉन्ट परिवार जो 12px माइक्रो-लेबल से लेकर 35px श्रेणी विवरण तक सुसंगत रहता है, दीर्घा के टाइपफेस को दर्शाने के लिए थोड़ा सा सकारात्मक की ओर झुकता है।
पूर्ण-ऊंचाई वाले पृष्ठ का मॉडल—कैनवास बिना किसी अधिकतम-चौड़ाई वाले कंटेनर के किनारे से किनारे तक फैला हुआ है, और सामग्री को केंद्र में स्थित स्तंभ के बजाय विभाजित छवियों और खाली स्थान द्वारा स्थिर किया गया है। मुख्य पृष्ठ दो पूर्ण-चौड़ाई वाले संपादकीय चित्रों का 50/50 ऊर्ध्वाधर विभाजन है, जो इतना प्रभावशाली है कि यह ब्रांड के संरचनात्मक पहचान चिह्न के रूप में कार्य करता है। मुख्य पृष्ठ के नीचे, अनुभाग सफेद पृष्ठभूमि पर पाठ ब्लॉकों (केंद्र में, एक ही स्तंभ में) और अतिरिक्त पूर्ण-ऊंचाई वाली छवियों के बीच बारी-बारी से आते हैं। ऊर्ध्वाधर लय विशाल है: अनुभागों के बीच के अंतराल पट्टियों के बीच स्थान की अनुभूति पैदा करते हैं, जैसे किसी संग्रहालय की दीवार पर। नेविगेशन एक पतली सफेद पट्टी है जिसमें केंद्र में लोगो और दाईं ओर संरेखित स्थान चयनकर्ता है—कोई क्षैतिज श्रेणी बार नहीं है, मुख्य फ्रेम में कोई मेगा-मेनू दिखाई नहीं देता है। सूचना घनत्व कम है: प्रति अनुभाग एक कथन, प्रति विचार एक छवि।
बड़े आकार की संपादकीय फैशन तस्वीरें पृष्ठ पर छाई हुई हैं—मॉडल के पूरे आकार के पोर्ट्रेट और तीन-चौथाई लंबाई के शॉट्स, नियंत्रित स्टूडियो प्रकाश में, मुख्य रूप से तटस्थ और सौम्य गर्म टोन के साथ। छवियां सघन रूप से पैक की गई हैं, बिना गोल कोनों, सजावटी मुखौटों या सुपरइम्पोज़्ड फ्रेम के, स्थान को किनारे से किनारे तक भरती हैं। एक विशिष्ट तकनीक है "दो पोर्ट्रेट अगल-बगल" (MUJER / HOMBRE) फ्रेम: दो समान रूप से महत्वपूर्ण पोर्ट्रेट अगल-बगल रखे गए हैं, प्रत्येक को निचले बाएं कोने में एक श्रेणी टैग के साथ लेबल किया गया है। तस्वीरें गैलरी प्रिंट की तरह फ्रेम की गई हैं—विषय प्रमुख है, संदर्भ अनुपस्थित है, मानवीय पैमाना अनुपस्थित है, और पैलेट मोनोक्रोम है। कोई जीवन के दृश्य नहीं, कोई प्रॉप्स नहीं, कोई बनावट वाली पृष्ठभूमि नहीं।
पैलेट
तटस्थ
- Canvas White
#ffffff— यह एक हल्की सहायक सतह है जिसका उपयोग एक सहज पृष्ठभूमि बनाने और अनुभागों को अलग करने के लिए किया जाता है। इसे कॉल टू एक्शन के प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए। - Ink Black
#080808— बॉडी टेक्स्ट, आइकन, लिंक, नेविगेशन टाइप, बटन बॉर्डर, लोगो, फुटर टेक्स्ट - इन सभी के लिए शुद्ध काले रंग की तुलना में नरम रंग का उपयोग किया जाता है ताकि तस्वीरें इसके सामने बहुत तीखी न दिखें। - True Black
#000000— गहरे रंग की छवियों पर मुख्य पाठ, बॉडी टेक्स्ट, बटन लेबल आदि को ओवरले करते समय, शुद्ध काले रंग का उपयोग केवल सबसे अधिक कंट्रास्ट वाले टाइपोग्राफिक तत्वों के लिए किया जाता है। - Mist Gray
#dadada— सूक्ष्म बॉर्डर, रेखांकित इनपुट फ़ील्ड, सूक्ष्म विभाजक, अक्षम होने पर रूपरेखा—सबसे शांत तटस्थ रंग, जो केवल उसी चीज़ से दिखाई देता है जिसे वह अलग करता है। - Signal Red
#c80000— लाल रंग सजावटी विवरणों के लिए एक अतिरिक्त आकर्षण के रूप में और निम्न आवृत्तियों पर जोर देने के लिए कार्य करता है।
टाइपोग्राफी
12 से 35px तक · 3 चरण
- SuisseIntl — प्रतिस्थापन: Neue Haas Grotesk Display · रूपरेखा 400, 500, 700 · नेविगेशन, बॉडी टेक्स्ट, हेडिंग, बटन और प्रोडक्ट डिस्क्रिप्शन के लिए पूरे इंटरफ़ेस में एक ही फ़ॉन्ट का इस्तेमाल किया गया है। स्क्रीन फ़ॉन्ट के लिए पॉजिटिव लेटर स्पेसिंग (0.01–0.04em) असामान्य है और इससे प्रिंटेड कैटलॉग जैसा अनुभव मिलता है; कैटेगरी डिस्क्रिप्शन के लिए 700 वेट, नेविगेशन और बटन के लिए 500 वेट और बाकी सभी के लिए 400 वेट का इस्तेमाल किया गया है। ब्रांडिंग में एक ही फ़ॉन्ट फ़ैमिली और बहुत ही सीमित साइज़ रेंज (12–35px) का इस्तेमाल किया गया है—फ़ॉन्ट कभी भी हावी नहीं होता।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | विशाल |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 0px |
| कार्ड त्रिज्या | 0px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 135px |
एआई आपकी वेबसाइट को COS शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
- Apple (España) — सफेद गैलरी डिस्प्ले केस
- Silencio — तैरती हुई कलाकृतियों से सजा एक सफेद कमरा। गर्म कागज से बना एक गैलरी डिस्प्ले, जहां प्रत्येक तत्व खालीपन की पृष्ठभूमि में अपनी जगह लेता है, और खामोशी एक जानबूझकर लिया गया डिजाइन निर्णय है।
- Oakâme — धूप से सराबोर प्रोवेंसल कार्यशाला, गर्म पत्थर से तराशी गई।
- Nike — खेल उपलब्धियों की एक मोनोक्रोम गैलरी – सफेद दीवारें, कलाकृति के रूप में उत्पाद, पृष्ठभूमि में घुला हुआ क्रोम
- Arc — आधी रात के पानी के ऊपर औद्योगिक सफेद गैलरी
- Rivian — गैलरी की कंक्रीट की दीवार पर एक विद्युतीय विशालकाय संरचना। रिवियन प्रत्येक वाहन को एक विशाल सफेद स्थान के समक्ष एक मूर्ति के रूप में प्रस्तुत करते हैं, जिसमें टाइपोग्राफी इतनी बड़ी है कि वह एक वास्तुशिल्पीय तत्व बन जाती है, और एक गर्म पीला रंग एकरस वातावरण को तोड़ता है, जैसे किसी मैट सतह पर सूर्य की रोशनी।
- Analogue — काले रंग का गैलरी डिस्प्ले केस – सामान हवा में तैर रहा है
- ddna — बिना उपचारित लिनन पर बना गर्म संग्रहालय डिस्प्ले केस
- Zellerfeld — सफेद संगमरमर पर बनी एक मूर्तिकार की कार्यशाला—चबूतरे की अखंड सतहें, कोबाल्ट की एक अकेली चमक, फर्श से छत तक फैले छोटे अक्षरों की हल्की सी आभा।
- UY Studio — मठ की पत्थर की गैलरी कंक्रीट की दीवारों वाला एक शांत स्थान है, जहां सफेद चबूतरे पर इत्र की बोतलें रखी हैं, जो एक 400 वाट के लैंप और चार गर्म भूरे रंग के बल्बों से रोशन हैं।
- Basic.Space — सफेद संगमरमर पर क्यूरेटोरियल गैलरी