
Nike
खेलकुद उपलब्धिहरूको एक मोनोक्रोम ग्यालरी - सेतो भित्ताहरू, कलाकृतिको रूपमा उत्पादन, पृष्ठभूमिमा घुलिएको क्रोम
Nike.com ले मोनोक्रोम, उत्पादन-प्रथम ग्यालरीको रूपमा काम गर्छ: प्रयोगकर्ता इन्टरफेस लगभग अदृश्य छ, जसले उत्पादनका तस्बिरहरूलाई प्रत्येक स्क्रिन ओगट्न अनुमति दिन्छ। सम्पूर्ण इन्टरफेस कालो, सेतो, र खैरो रंगका तीन शेडहरूबाट बनाइएको छ—कुनै एक्सेन्ट रङहरू छैनन्, कुनै सजावटी ग्रेडियन्टहरू छैनन्, कुनै न्यानो, सिग्नेचर क्रोम छैन। Nike को सिग्नेचर शैली ग्यालेरी लोगो र तस्बिरहरूमा रहन्छ, तर प्रयोगकर्ता इन्टरफेसमा कहिल्यै पनि छैन। टाइपोग्राफी कम्प्याक्ट र उपयोगितावादी छ, १२-२०px मा कस्टम-डिजाइन गरिएको हेल्भेटिका नाउ फन्ट परिवारमा निर्भर गर्दै, शीर्षकहरूको लागि ७६px मा एकल, ओभरसाइज गरिएको Nike Futura ND लोगोको साथ। कम्पोनेन्टहरू न्यूनतम छन्: ३०px त्रिज्या भएका गोली आकारका बटनहरू, समतल उत्पादन कार्डहरू, पातलो किनाराहरू, र लगभग शून्य उचाइ भिन्नताहरू। पृष्ठ शुद्ध सेतो उत्पादन सतहहरू र आकर्षक, गाढा सम्पादकीय खण्डहरू बीच वैकल्पिक हुन्छ, अलंकरणको सट्टा कन्ट्रास्ट मार्फत लय सिर्जना गर्दछ।
पृष्ठले एक बलियो सम्पादकीय लय पछ्याउँछ: एक आकर्षक, पूर्ण-चौडाइ, गाढा हेडर जसमा एकल उत्पादन र ठूलो शीर्षक हुन्छ, त्यसपछि पूर्ण-चौडाइ, २x२ श्रेणी ग्रिड, ३ स्तम्भहरूमा उत्पादन कार्डहरूको तेर्सो रूपमा स्क्रोल गर्ने ग्रिड, र अन्तमा बाक्लो, बहु-स्तम्भ फुटर। सबै सामग्री ब्लकहरूले अधिकतम कन्टेनर चौडाइ बिना पूर्ण भ्यूपोर्ट चौडाइ ओगटेका छन्; अधिकतम चौडाइ सीमा नेभिगेसन र फुटर लिङ्क ग्रिडमा मात्र लागू हुन्छ। खण्डहरू बीचको संक्रमण तीव्र छन्: कालो हेडर → सेतो श्रेणी ग्रिड → सेतो उत्पादन ग्रिड → सेतो फुटर, साँघुरो खैरो किनाराहरू एक मात्र दृश्य सिमको रूपमा सेवा गर्दै। नेभिगेसन एक न्यूनतम, दुई-स्तरीय बार (माथि सहायक लिङ्कहरू, प्राथमिक कोटीहरू केन्द्रित) हो जसमा कुनै पिनिङ छैन, कुनै पृष्ठभूमि भरण छैन, र कुनै छाया छैन। सामग्री घनत्व उत्पादन ग्रिडहरूमा कम्प्याक्ट छ (कडा कार्ड स्पेसिङ) र हेडरमा फराकिलो छ (पूर्ण-चौडाइ भ्यूपोर्ट)।
फोटोग्राफी प्रमुख दृश्य तत्व हो र यसले ब्रान्डको सम्पूर्ण पहिचानलाई परिभाषित गर्दछ। प्रणालीले उच्च-गुणस्तरको, पूर्ण-फ्रेम उत्पादन तस्बिरहरू प्रयोग गर्दछ: एथलेटिक जुत्ताहरू गाढा वा ग्रेडियन्ट पृष्ठभूमिमा व्यक्तिगत रूपमा फोटो खिचिएका, फ्रेम भर्न क्रप गरिएका, जीवनशैली सन्दर्भ बिना। जीवनशैली छविहरू कोटीहरू भित्र देखा पर्दछन्, गतिमा एथलीटहरूको खुट्टा र खुट्टाहरू प्रदर्शन गर्दै। उच्च-कन्ट्रास्ट, संतृप्त रंग योजना प्रयोग गरिन्छ—कालो पृष्ठभूमिमा रातो जुत्ता, सेतो तलवहरूमा नियोन उच्चारणहरू, र सामग्रीहरूलाई नाटकीय बनाउन न्यानो र चिसो प्रकाश। कुनै चित्रण, अमूर्त ग्राफिक्स, वा 3D रेन्डरिङहरू प्रयोग गरिँदैन। छविहरूमा सधैं सफा किनारहरू हुन्छन् (फोटो कन्टेनरहरूमा कुनै गोलाकार कुनाहरू छैनन्), सधैं तिनीहरूको ब्लकहरू भित्र सम्पूर्ण ठाउँ ओगट्छन्, र सधैं न्यूनतम पाठ ओभरलेको साथमा हुन्छन्। आइकनोग्राफी विशुद्ध रूपमा कार्यात्मक छ: खोज, इच्छा सूची, कार्ट, र खाताको लागि रूपरेखा आइकनहरू ओब्सिडियन वा स्टील रङहरूमा।
प्यालेट
तटस्थ
- Obsidian
#111111— गाढा रङले तटस्थ पाठ र आइकनहरूलाई पूरक बनाउँछ र बलियो कन्ट्रास्ट सिर्जना गर्छ। कल टु एक्शनको लागि प्राथमिक रङको रूपमा यसलाई प्रयोग नगर्नुहोस्। - Paper White
#ffffff— पृष्ठ पृष्ठभूमि, कार्डको सतह, गाढा पृष्ठभूमिमा बटन पाठ, आइकनको रूपरेखा—उत्पादन ग्रिड र कोटी खण्डहरूको लागि पूर्वनिर्धारित क्यानभास। - Concrete Gray
#e5e5e5— किनाराहरू, विभाजकहरू, ग्रिड खण्डहरू छुट्याउने पातलो रेखाहरू, इनपुट फिल्डहरूको सूक्ष्म रूपरेखाहरू। - Soft Mist
#f5f5f5— माध्यमिक सतहहरूको लागि सूक्ष्म पृष्ठभूमि रंग, खोज क्षेत्र नेभिगेसन भरण, ट्याग पृष्ठभूमि। - Steel
#707072— माध्यमिक पाठ, म्यूट गरिएको सहायक पाठ, घटाइएको आइकन रूपरेखा, ब्रेडक्रम्ब लेबलहरू, फुटर लिङ्क विभाजकहरू। - Faint Gray
#9e9ea0— आइकन रूपरेखा, माइनर UI तत्वहरू, र न्यूनतम हाइलाइटिङ भएका किनाराहरू असक्षम पारिएका छन्।
टाइपोग्राफी
१२ देखि ७६ पिक्सेल सम्म · ६ चरणहरू
- Helvetica Now Text Medium — प्रतिस्थापन: Inter · रूपरेखाहरू 500 · हेल्भेटिका नाउ टेक्स्ट मिडियम फन्ट - स्क्र्याप गरिएको डेटामा फेला पर्यो तर एआई द्वारा वर्णन गरिएको छैन।
- Helvetica Now Text — प्रतिस्थापन: Inter or Helvetica Neue · रूपरेखाहरू 400, 500 · प्रयोगकर्ता इन्टरफेसको मुख्य पाठ - नेभिगेसन लिङ्कहरू, बटन लेबलहरू, कार्ड शीर्षकहरू, उत्पादन नामहरू, फुटर सूचीहरू, सबै मुख्य पाठ।
- Helvetica Now Display Medium — प्रतिस्थापन: Inter Medium or Helvetica Neue Medium · रूपरेखाहरू 500 · खण्ड शीर्षकहरू, कार्ड कोटी लेबलहरू, मध्यम आकारका शीर्षकहरू - मध्यम फन्ट (२०-२४ पिक्सेल) नाइके शीर्षकहरूको पहिचान हो जुन ठूला डिजाइन तत्वहरू होइनन्: कहिल्यै बोल्ड हुँदैनन्, सधैं संक्षिप्त हुन्छन्।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 30px |
| कार्डको अर्धव्यास | 0px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 48px |
| पृष्ठ चौडाइ | 1440px |
एआईले तपाईंको वेबसाइट Nike शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Airbnb — एउटा कोरल रातो बुकमार्क भएको शान्त सेतो ग्यालरी भित्ता
- Apple (España) — सेतो ग्यालरी डिस्प्ले केस
- Silencio — तैरिरहेका कलाकृतिहरू भएको सेतो कोठा। न्यानो कागजबाट बनेको ग्यालरी प्रदर्शन, जहाँ प्रत्येक तत्वले नकारात्मक भोल्युम पृष्ठभूमिमा आफ्नो स्थान लिन्छ, र मौनता एक जानाजानी डिजाइन निर्णय हो।
- Oakâme — न्यानो ढुङ्गाबाट कुँदिएको घामले भिजेको प्रोभेन्सल कार्यशाला
- Arc — मध्यरातको पानीमाथि औद्योगिक सेतो ग्यालरी
- Rivian — ग्यालरीको कंक्रीट भित्तामा विद्युतीय मोनोलिथ। रिभियनले प्रत्येक सवारी साधनलाई विशाल सेतो ठाउँको बिरूद्ध मूर्तिकलाको रूपमा प्रस्तुत गर्दछ, टाइपोग्राफी यति ठूलो छ कि यो वास्तुकलाको तत्व बन्छ, र एकल न्यानो पहेंलो जसले मोनोक्रोमेटिक वातावरणलाई तोड्छ, जस्तै म्याट सतहमा सूर्यको प्रकाश।
- Analogue — कालो ग्यालरी डिस्प्ले केस - सामानहरू खाली ठाउँमा घुम्छन्
- ddna — उपचार नगरिएका लिनेनमा न्यानो संग्रहालय प्रदर्शन केस
- Zellerfeld — सेतो संगमरमरमा मूर्तिकारको कार्यशाला—पेडेस्टलको एकल सतहहरू, कोबाल्टको एकल झिल्को, भुइँदेखि छतसम्म साना अक्षरहरूको फुसफुसा।
- UY Studio — गुम्बाको ढुङ्गाको ग्यालरी कंक्रिटको पर्खाल भएको शान्त ठाउँ हो, जहाँ सेतो प्लिन्थमा अत्तरका बोतलहरू राखिएका हुन्छन्, जुन एउटा ४०० वाटको बत्ती र चारवटा न्यानो खैरो बल्बले उज्यालो हुन्छन्।
- Basic.Space — सेतो संगमरमरमा क्युरेटोरियल ग्यालरी
- COS — सेतो भित्ताहरू भएको फेसनदार ग्यालरी