Zellerfeld

सफेद संगमरमर पर बनी एक मूर्तिकार की कार्यशाला—चबूतरे की अखंड सतहें, कोबाल्ट की एक अकेली चमक, फर्श से छत तक फैले छोटे अक्षरों की हल्की सी आभा।

ज़ेलरफेल्ड एक सफेद संगमरमर पर बने डिजिटल मूर्तिकारों की गैलरी जैसा लगता है—3D प्रिंटेड जूतों का एक बाज़ार, जहाँ मोनोक्रोम सतहें, भरपूर खाली जगह और बड़े, छोटे अक्षर हर उत्पाद को एक संग्रहालय की प्रदर्शनी जैसा बनाते हैं। इंटरफ़ेस बेहद संयमित है: एक रंगहीन कैनवास जिस पर केवल एक चमकीला कोबाल्ट रंग (#000aff) ज़रूरी पलों के लिए आरक्षित है—आइकन, सक्रिय "शॉप" नेविगेशन और वर्तमान स्लाइड स्थिति। कार्ड शुद्ध सफेद के बजाय एक गर्म मोती जैसे भूरे रंग की पृष्ठभूमि पर तैरते हैं, जिससे ग्रिड को एक स्पर्शनीय, प्लास्टर जैसा रूप मिलता है। फ़ॉन्ट एक ही कस्टम सैन्स-सेरिफ़ (रूबर्ट) है जिसमें अक्षरों के बीच कम जगह है, और स्पेस मोनो का उपयोग केवल मूल्य निर्धारण, उत्पाद सूची और तकनीकी मेटाडेटा के लिए किया जाता है। परिणामस्वरूप, उत्पाद पृष्ठ किसी रिटेल चेकआउट की बजाय एक डिज़ाइन प्रेस साइट जैसा लगता है—वस्तुओं की तस्वीरें ली जाती हैं, उन्हें बेचा नहीं जाता।

यह पेज पूरी चौड़ाई में फैला हुआ है और इसमें 1440px की कंटेंट स्ट्रिप है। मुख्य एलिमेंट एक फुल-स्क्रीन फोटो बैनर है जिस पर एक फ्लोटिंग UI ओवरले है। प्रोडक्ट सेक्शन में 4-कॉलम ग्रिड का उपयोग किया गया है, जो टैबलेट पर 2 और मोबाइल डिवाइस पर 1 कॉलम में सिमट जाता है। सेक्शन का क्रम इस प्रकार है: बड़ा प्रोडक्ट विवरण → संपादकीय रेटिंग ग्रिड → नए रिलीज़ ग्रिड → प्रेस संपर्क जानकारी पैनल। प्रत्येक प्रोडक्ट सेक्शन की सामग्री स्ट्रिप के केंद्र में होती है और सेक्शन के बीच 80px की ऊर्ध्वाधर जगह होती है। नेविगेशन एक पंक्ति में एक निश्चित टॉप बार है जिसके ऊपर एक पतली विज्ञापन स्ट्रिप है। प्रोडक्ट कार्ड एक सख्त ग्रिड के अनुसार व्यवस्थित हैं—इमेज एरिया हमेशा कार्ड के भीतर 40px टॉप/बॉटम पैडिंग के साथ शू सिल्हूट पर केंद्रित होता है, और मेटाडेटा क्लस्टर 40x40 ब्रांड लोगो के साथ निचले बाएं कोने में स्थित होता है।

उत्पाद फोटोग्राफी प्रमुख दृश्य तत्व है—प्रत्येक जूते को शुद्ध सफेद या प्लास्टर की सतह पर तीन-चौथाई कोण से खींचा गया है, जो बिना किसी संदर्भ, मॉडल या परिवेश के पूरे कार्ड को भर देता है। मुख्य तत्व एक पूर्ण विकसित जीवनशैली फोटोग्राफी है: रेत या कंक्रीट पर पैरों और जूतों के क्रॉप किए गए शॉट्स, हमेशा मानवीय पैमाने पर, कभी भी स्टूडियो-गुणवत्ता वाले नहीं। "विषय ही मुख्य तत्व है" का सिद्धांत लागू होता है—जूते फ्रेम के दृश्य क्षेत्र का 40% भाग घेरते हैं, यहां तक कि मुख्य संपादकीय तत्व में भी। किसी भी सजावटी ग्राफिक तत्व, अमूर्त पैटर्न या चित्र का उपयोग नहीं किया गया है। आइकन रैखिक हैं, काले रंग से रेखांकित हैं, कभी भरे हुए नहीं, कभी रंगीन नहीं।

ऑनलाइन स्टोर अतिसूक्ष्मवाद एक रंग का अधिमूल्य

https://www.zellerfeld.com

पैलेट

ब्रांड

Electric Cobalt #000aff — नए आइकन, सक्रिय नेविगेशन बार, वर्तमान स्लाइड संकेतक, सक्रियण क्षण—सिस्टम में एकमात्र रंगीन संकेत, जिसका उपयोग संयम से किया जाता है ताकि इसे सजावट के बजाय सक्रियण के रूप में समझा जा सके।

तटस्थ

Pale Iris #e5e7ff — बैज के लिए एक नया रंग, एक हल्का हाईलाइट और लेबलिंग विकल्पों के लिए एक टिंटेड सतह - एक म्यूट कोबाल्ट शेड जो मोनोक्रोम पैलेट को बाधित किए बिना रंग का संकेत देता है।
Ink Black #111111 — मुख्य पाठ, डिफ़ॉल्ट बॉर्डर, आइकन की रूपरेखा, पतले विभाजक - शीर्षकों, सूचियों और लिंकों के लिए प्रमुख संरचनात्मक रंग।
Pure White #ffffff — जहां रंग सूक्ष्म रहे, वहां तटस्थ प्रारूप, आइकन टेक्स्ट और सूक्ष्म यूआई फीडबैक का उपयोग किया जाना चाहिए। कॉल टू एक्शन के लिए इसे प्राथमिक रंग के रूप में उपयोग करने से बचें।
Plaster #ecedee — उत्पाद कार्ड के लिए द्वितीयक सतह, नेविगेशन बार की पृष्ठभूमि, कैनवास के ऊपर एक चिकना उभरा हुआ स्तर।
Slate #a1a4aa — कार्ड फ्रेम का शेड, न्यूट्रल बटन फिल और म्यूटेड बटन बॉर्डर ऐसे ग्रे रंग हैं जो कार्ड के किनारों को गहरा किए बिना उन्हें उभारते हैं।
Fog #d7d7d7 — हल्का कार्ड फ्रेम, विभाजक रेखाएं, निष्क्रिय सतह का रंग।

टाइपोग्राफी

13 से 128px तक · 7 चरण

Roobert — प्रतिस्थापन: Inter · रूपरेखा 400, 500, 600, 700 · ब्रांड का मुख्य फ़ॉन्ट बॉडी टेक्स्ट से लेकर हेडलाइन तक सभी जगह इस्तेमाल किया जाता है। सभी साइज़ में लाइन स्पेसिंग एक समान है, जिससे लोगो के छोटे अक्षर सघन और आकर्षक दिखते हैं। संदर्भ के अनुसार फ़ॉन्ट का वज़न बढ़ता जाता है: बॉडी टेक्स्ट और यूआई के लिए 400, हाइलाइटेड हेडिंग के लिए 500, प्रोडक्ट नामों के लिए 600 और बड़े टाइटल्स के लिए 700।
Space Mono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400, 600 · तकनीकी मेटाडेटा—कीमतें (€189.00), शीर्ष 10 स्थानों के लिए संख्यात्मक मान, टिकर प्रतीक और स्टोर के नाम—वहां जोड़े जाते हैं जहां पृष्ठ को प्रचार पाठ के बजाय एक तकनीकी विनिर्देश के रूप में समझा जाना चाहिए।
Arial — प्रतिस्थापन: Inter · रूपरेखा 400 · एरियल - निकाले गए डेटा में पाया गया लेकिन एआई द्वारा इसका वर्णन नहीं किया गया।

अंतराल और रूप

उद्देश्य	अर्थ
घनत्व	औसत
बुनियादी कदम	16px
बटन त्रिज्या	10px
कार्ड त्रिज्या	10px
छैया छैया	न्यूनतम
अनुभागों के बीच	80px
पृष्ठ की चौड़ाई	1440px

एआई आपकी वेबसाइट को Zellerfeld शैली में बनाएगा और उसमें डेटा भरेगा।

इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।

इस शैली में एक वेबसाइट बनाएं

समान शैलियाँ

Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
Apple (España) — सफेद गैलरी डिस्प्ले केस
Silencio — तैरती हुई कलाकृतियों से सजा एक सफेद कमरा। गर्म कागज से बना एक गैलरी डिस्प्ले, जहां प्रत्येक तत्व खालीपन की पृष्ठभूमि में अपनी जगह लेता है, और खामोशी एक जानबूझकर लिया गया डिजाइन निर्णय है।
Oakâme — धूप से सराबोर प्रोवेंसल कार्यशाला, गर्म पत्थर से तराशी गई।
Nike — खेल उपलब्धियों की एक मोनोक्रोम गैलरी – सफेद दीवारें, कलाकृति के रूप में उत्पाद, पृष्ठभूमि में घुला हुआ क्रोम
Arc — आधी रात के पानी के ऊपर औद्योगिक सफेद गैलरी
Rivian — गैलरी की कंक्रीट की दीवार पर एक विद्युतीय विशालकाय संरचना। रिवियन प्रत्येक वाहन को एक विशाल सफेद स्थान के समक्ष एक मूर्ति के रूप में प्रस्तुत करते हैं, जिसमें टाइपोग्राफी इतनी बड़ी है कि वह एक वास्तुशिल्पीय तत्व बन जाती है, और एक गर्म पीला रंग एकरस वातावरण को तोड़ता है, जैसे किसी मैट सतह पर सूर्य की रोशनी।
Analogue — काले रंग का गैलरी डिस्प्ले केस – सामान हवा में तैर रहा है
ddna — बिना उपचारित लिनन पर बना गर्म संग्रहालय डिस्प्ले केस
UY Studio — मठ की पत्थर की गैलरी कंक्रीट की दीवारों वाला एक शांत स्थान है, जहां सफेद चबूतरे पर इत्र की बोतलें रखी हैं, जो एक 400 वाट के लैंप और चार गर्म भूरे रंग के बल्बों से रोशन हैं।
Basic.Space — सफेद संगमरमर पर क्यूरेटोरियल गैलरी
COS — सफेद दीवारों वाली एक ट्रेंडी गैलरी