Zellerfeld
सेतो संगमरमरमा मूर्तिकारको कार्यशाला—पेडेस्टलको एकल सतहहरू, कोबाल्टको एकल झिल्को, भुइँदेखि छतसम्म साना अक्षरहरूको फुसफुसा।
Zellerfeld सेतो संगमरमरमा डिजिटल मूर्तिकारहरूको ग्यालरी जस्तो महसुस हुन्छ—३D-प्रिन्टेड जुत्ताहरूको लागि बजार, जहाँ मोनोक्रोम सतहहरू, प्रशस्त सेतो ठाउँ, र ठूला, साना अक्षरका टाइपफेसहरूले प्रत्येक उत्पादनलाई संग्रहालय प्रदर्शनी जस्तै काम गर्न अनुमति दिन्छन्। इन्टरफेस अत्यन्तै संयमित छ: एकल इलेक्ट्रिक कोबाल्ट रंग (#000aff) भएको अक्रोमेटिक क्यानभास जुन जरुरी क्षणहरूको लागि आरक्षित छ—आइकनहरू, सक्रिय "शप" नेभिगेसन, र हालको स्लाइड स्थिति। कार्डहरू शुद्ध सेतोको सट्टा न्यानो मोती खैरो पृष्ठभूमिमा तैरन्छन्, जसले ग्रिडलाई स्पर्श, प्लास्टर कास्ट दिन्छ। टाइपफेस कडा अक्षर स्पेसिङको साथ एकल कस्टम स्यान्स-सेरिफ (रुबर्ट) रहन्छ, र स्पेस मोनो मूल्य निर्धारण, उत्पादन सूचीकरण, र प्राविधिक मेटाडेटाको लागि मात्र प्रयोग गरिन्छ। नतिजाको रूपमा, उत्पादन पृष्ठ खुद्रा चेकआउट भन्दा डिजाइन प्रेस साइट जस्तो महसुस हुन्छ—वस्तुहरूको फोटो खिचिन्छ, बेचिएको छैन।
पृष्ठले पृष्ठको सम्पूर्ण चौडाइलाई फैलाउँछ र १४४० पिक्सेलको सामग्री स्ट्रिप प्रस्तुत गर्दछ। मुख्य तत्व भनेको फ्लोटिंग UI ओभरले भएको पूर्ण-स्क्रिन फोटो ब्यानर हो। उत्पादन खण्डहरूले ४-स्तम्भ ग्रिड प्रयोग गर्दछ, ट्याब्लेटहरूमा २ र मोबाइल उपकरणहरूमा १ मा पतन हुन्छ। खण्ड ताल यो हो: ठूलो उत्पादन विवरण → सम्पादकीय मूल्याङ्कन ग्रिड → नयाँ रिलीज ग्रिड → सम्पर्क जानकारी प्यानल थिच्नुहोस्। प्रत्येक उत्पादन खण्डले स्ट्रिप भित्र यसको सामग्री केन्द्रित गर्दछ र खण्डहरू बीच ८० पिक्सेल ठाडो ठाउँ प्रयोग गर्दछ। नेभिगेसन भनेको एकल पङ्क्तिमा एक निश्चित शीर्ष पट्टी हो जसको माथि पातलो विज्ञापन स्ट्रिप हुन्छ। उत्पादन कार्डहरू कडा ग्रिडमा पङ्क्तिबद्ध हुन्छन्—छवि क्षेत्र सधैं कार्ड भित्र ४० पिक्सेल माथि/तल प्याडिङ भएको जुत्ता सिल्हूटमा केन्द्रित हुन्छ, र मेटाडेटा क्लस्टर ४०x४० ब्रान्ड लोगोको साथ तल्लो बायाँ कुनामा लंगर गरिएको हुन्छ।
उत्पादन फोटोग्राफी प्रमुख दृश्य तत्व हो—प्रत्येक जुत्ताको फोटो तीन-चौथाई कोणमा शुद्ध सेतो वा प्लास्टर सतहमा खिचिएको हुन्छ, कुनै पनि सन्दर्भ, मोडेल, वा वरपर बिना सम्पूर्ण कार्ड भरिन्छ। मुख्य तत्व भनेको पूर्ण जीवनशैलीको तस्बिर हो: बालुवा वा कंक्रीटमा खुट्टा र जुत्ताको क्रप गरिएको शटहरू, सधैं मानव स्तरमा, कहिल्यै पूर्ण रूपमा स्टुडियो-गुणस्तरको हुँदैन। "विषय मुख्य तत्व हो" सिद्धान्त लागू हुन्छ—जुत्ताले फ्रेमको दृश्य क्षेत्रको ४०% ओगटेको हुन्छ, मुख्य सम्पादकीय तत्वमा पनि। कुनै सजावटी ग्राफिक तत्वहरू, अमूर्त ढाँचाहरू, वा चित्रणहरू प्रयोग गरिएको छैन। आइकनहरू रेखीय छन्, कालोमा रूपरेखा गरिएका छन्, कहिल्यै भरिएका छैनन्, कहिल्यै रंगीन छैनन्।
प्यालेट
ब्रान्ड
- Electric Cobalt
#000aff— नयाँ आइकनहरू, सक्रिय नेभिगेसन बार, हालको स्लाइड सूचक, सक्रियता क्षणहरू - प्रणालीमा एक मात्र क्रोमेटिक संकेत, सजावटको सट्टा सक्रियताको रूपमा बुझ्नको लागि कम प्रयोग गरियो।
तटस्थ
- Pale Iris
#e5e7ff— ब्याजहरूको लागि नयाँ रङ भरण, नरम हाइलाइट, र लेबलिङ विकल्पहरूको लागि टिन्टेड सतह - एक मौन कोबाल्ट शेड जसले मोनोक्रोम प्यालेटलाई बाधा नपुर्याई रङमा संकेत गर्दछ। - Ink Black
#111111— मुख्य पाठ, पूर्वनिर्धारित किनाराहरू, आइकन रूपरेखाहरू, पातलो डिभाइडरहरू - शीर्षकहरू, सूचीहरू, र लिङ्कहरूको लागि प्रमुख संरचनात्मक रंग। - Pure White
#ffffff— रङ सूक्ष्म रहने ठाउँमा तटस्थ फारम स्टेट, आइकन टेक्स्ट, र डिस्क्रिटेन्ट UI प्रतिक्रिया प्रयोग गर्नुपर्छ। कल टु एक्शनको लागि प्राथमिक रङको रूपमा यसलाई प्रयोग नगर्नुहोस्। - Plaster
#ecedee— उत्पादन कार्डहरूको लागि माध्यमिक सतह, नेभिगेसन बार पृष्ठभूमि, क्यानभास माथि चिल्लो उठाइएको तह। - Slate
#a1a4aa— कार्ड फ्रेम शेड, न्यूट्रल बटन फिल, र म्यूट गरिएको बटन बोर्डर खैरो रङका छन् जसले कार्डको किनाराहरूलाई अँध्यारो नबनाई हाइलाइट गर्दछ। - Fog
#d7d7d7— हल्का कार्ड फ्रेम, विभाजन रेखाहरू, निष्क्रिय सतहको टिन्टिङ।
टाइपोग्राफी
१३ देखि १२८ पिक्सेल सम्म · ७ चरणहरू
- Roobert — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 500, 600, 700 · मुख्य ब्रान्ड फन्ट बडी कपीदेखि हेडलाइनसम्म सबै कुराको लागि प्रयोग गरिन्छ। लाइन स्पेसिङ सबै आकारहरूमा एकरूप छ, जसले गर्दा लोगोका साना अक्षरहरूलाई बाक्लो, मूर्तिकलाको द्रव्यमान प्राप्त हुन्छ। सन्दर्भको आधारमा फन्टको तौल बढ्छ: बडी कपी र UI को लागि ४००, हाइलाइट गरिएका हेडिङहरूको लागि ५००, उत्पादन नामहरूको लागि ६००, र ठूला शीर्षकहरूको लागि ७००।
- Space Mono — प्रतिस्थापन: JetBrains Mono · रूपरेखाहरू 400, 600 · प्राविधिक मेटाडेटा—मूल्यहरू (€१८९.००), शीर्ष-१० स्थानहरूको लागि संख्यात्मक मानहरू, टिकर प्रतीकहरू, र स्टोर नामहरू—थपिएका छन् जहाँ पृष्ठलाई प्रचारात्मक पाठको सट्टा प्राविधिक विशिष्टताको रूपमा बुझ्नुपर्छ।
- Arial — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · एरियल - निकालिएको डेटामा फेला परेको तर एआई द्वारा वर्णन गरिएको छैन।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 16px |
| बटनको त्रिज्या | 10px |
| कार्डको अर्धव्यास | 10px |
| छायाँहरू | न्यूनतम |
| खण्डहरू बीच | 80px |
| पृष्ठ चौडाइ | 1440px |
एआईले तपाईंको वेबसाइट Zellerfeld शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Airbnb — एउटा कोरल रातो बुकमार्क भएको शान्त सेतो ग्यालरी भित्ता
- Apple (España) — सेतो ग्यालरी डिस्प्ले केस
- Silencio — तैरिरहेका कलाकृतिहरू भएको सेतो कोठा। न्यानो कागजबाट बनेको ग्यालरी प्रदर्शन, जहाँ प्रत्येक तत्वले नकारात्मक भोल्युम पृष्ठभूमिमा आफ्नो स्थान लिन्छ, र मौनता एक जानाजानी डिजाइन निर्णय हो।
- Oakâme — न्यानो ढुङ्गाबाट कुँदिएको घामले भिजेको प्रोभेन्सल कार्यशाला
- Nike — खेलकुद उपलब्धिहरूको एक मोनोक्रोम ग्यालरी - सेतो भित्ताहरू, कलाकृतिको रूपमा उत्पादन, पृष्ठभूमिमा घुलिएको क्रोम
- Arc — मध्यरातको पानीमाथि औद्योगिक सेतो ग्यालरी
- Rivian — ग्यालरीको कंक्रीट भित्तामा विद्युतीय मोनोलिथ। रिभियनले प्रत्येक सवारी साधनलाई विशाल सेतो ठाउँको बिरूद्ध मूर्तिकलाको रूपमा प्रस्तुत गर्दछ, टाइपोग्राफी यति ठूलो छ कि यो वास्तुकलाको तत्व बन्छ, र एकल न्यानो पहेंलो जसले मोनोक्रोमेटिक वातावरणलाई तोड्छ, जस्तै म्याट सतहमा सूर्यको प्रकाश।
- Analogue — कालो ग्यालरी डिस्प्ले केस - सामानहरू खाली ठाउँमा घुम्छन्
- ddna — उपचार नगरिएका लिनेनमा न्यानो संग्रहालय प्रदर्शन केस
- UY Studio — गुम्बाको ढुङ्गाको ग्यालरी कंक्रिटको पर्खाल भएको शान्त ठाउँ हो, जहाँ सेतो प्लिन्थमा अत्तरका बोतलहरू राखिएका हुन्छन्, जुन एउटा ४०० वाटको बत्ती र चारवटा न्यानो खैरो बल्बले उज्यालो हुन्छन्।
- Basic.Space — सेतो संगमरमरमा क्युरेटोरियल ग्यालरी
- COS — सेतो भित्ताहरू भएको फेसनदार ग्यालरी