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