टेलीग्राम, WhatsApp+380637610482
वैलेरी डैन्युक
वैलेरी डैन्युकडेवलपरव्यवसायों के लिए एआई उपकरण विकसित करना। उच्च गुणवत्ता। किफायती।Telegram पर लिखें
FARFETCH España — इस शैली में एक साइट का पूर्वावलोकन

FARFETCH España

"व्हाइट क्यूब" शैली में एक फैशन गैलरी। कल्पना कीजिए एक उच्चस्तरीय खुदरा स्थान की, जहाँ दीवारें, फर्श और साज-सामान पूरी तरह से सफेद रंग से रंगे हों, और केवल कपड़े और उन्हें पहनने वाले लोग ही हर रंग, बनावट और दृश्य अभिव्यक्ति का निर्माण करते हों।

Farfetch एक "व्हाइट क्यूब" फैशन गैलरी की तरह काम करता है: इसका इंटरफ़ेस लगभग पूरी तरह से रंगहीन है, जिससे संपादकीय फोटोग्राफी ही सभी दृश्य निर्णयों को निर्देशित करती है। टाइपोग्राफी ही सारा ढांचागत काम करती है—एक विशेष रूप से डिज़ाइन किया गया ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट (Farfetch Basis) 400 और 700 वेट में इस्तेमाल किया गया है, जबकि सेक्शन हेडिंग और लोगो को एक सेरिफ़ फ़ॉन्ट में प्रस्तुत किया गया है जो टेक्स्ट को रचना के रूप में मानता है। लेआउट वास्तुशिल्पीय है: केंद्रित, पूर्ण-चौड़ाई वाली सामग्री, कठोर 3- और 4-कॉलम उत्पाद ग्रिड, सेक्शन प्लेसमेंट के लिए पर्याप्त स्थान (48–72px), और सजावटी तत्वों का पूर्ण अभाव। घटकों को अलंकरण से रहित रखा गया है—खोज के लिए सूक्ष्म अंडरलाइन, छिपे हुए नेविगेशन लिंक, छवियों के नीचे बड़े अक्षरों में लिखे गए श्रेणी नाम, बिना छाया या बॉर्डर वाले सपाट उत्पाद टाइल। सिस्टम में एकमात्र रंग स्वयं तस्वीरें हैं; इंटरफ़ेस एक फ्रेम है, छवि स्वयं नहीं।

इस पेज में बीच में स्थित, पूरी चौड़ाई वाली संरचना है, जिसकी अधिकतम चौड़ाई लगभग 1280px है। हेडर एक पतला, तीन-क्षेत्र वाला पैनल है (बाईं ओर श्रेणी नेविगेशन, बीच में स्थित टेक्स्ट चिह्न और दाईं ओर सहायक आइकन), जिसके नीचे दाईं ओर एक खोज फ़ील्ड है। पहला भाग पूरी चौड़ाई वाली श्रेणी टाइलों (MUJER, HOMBRE, INFANTIL) का तीन-स्तंभ वाला ग्रिड है, जिनमें से प्रत्येक पर एक ओवरले लेबल है। प्रत्येक श्रेणी अनुभाग के नीचे उत्पाद श्रेणी कार्डों (NOVEDADES, ROPA, BOLSOS, ZAPATOS) का चार-स्तंभ वाला ग्रिड है, जिनके शीर्षक बड़े अक्षरों में हैं। अनुभाग शीर्षक बीच में स्थित हैं और ऊपर और नीचे लगभग 48px के ऊर्ध्वाधर इंडेंट वाले फ़ॉन्ट में लिखे गए हैं। कोई वैकल्पिक पृष्ठभूमि धारियाँ नहीं हैं—पूरा पेज एक ठोस सफेद क्षेत्र है। फ़ूटर को #222222 रंग में एक गहरे रंग की पट्टी के रूप में दिखाया गया है। नेविगेशन एक न्यूनतम शीर्ष बार है जिसमें कोई निश्चित तत्व, मेगा मेनू या साइडबार नहीं है।

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

पैलेट

तटस्थ

  • Carbon #222222 — बॉडी टेक्स्ट, पेज टेक्स्ट, नेविगेशन लिंक, आइकन, लोगो, फुटर और पूरे मोनोक्रोम सिस्टम के लिए लगभग काला रंग टोन।
  • Paper #ffffff — पेज कैनवास, कार्ड बैकग्राउंड इमेज, प्रोडक्ट टाइल सरफेस, इनपुट फील्ड और प्रमुख बैकग्राउंड, जो फोटोग्राफ को एकमात्र रंगीन तत्व बनाता है।
  • Ash Gray #b6b6b6 — सूक्ष्म आइकन स्ट्रोक, अतिरिक्त बॉर्डर, पृष्ठभूमि में खोज अंडरलाइन, इनपुट फ़ील्ड में घोस्ट टेक्स्ट प्लेसहोल्डर—सबसे शांत विकल्प, टेक्स्ट-न्यूट्रल नहीं।
  • Stone #f5f5f5 — नेविगेशन बार के लिए होवर ट्रांज़िशन इफ़ेक्ट, सबबार और विज्ञापन पृष्ठभूमि के लिए सेकेंडरी सरफेस टोन, स्टैक में सबसे नरम ट्रांज़िशन इफ़ेक्ट।
  • Graphite #727272 — म्यूटेड हेल्पर टेक्स्ट, निष्क्रिय फॉर्म बॉर्डर और डिसेबल्ड आइकन आउटलाइन—एक मध्यम ग्रे रंग जो पठनीयता को प्रभावित किए बिना महत्व में कमी का संकेत देता है।
  • Smoke #e6e6e6 — उत्पादों की पंक्तियों के बीच सूक्ष्म विभाजक, एक अन्यथा निर्बाध लेआउट में मुश्किल से दिखाई देने वाली संरचनात्मक रेखा।

टाइपोग्राफी

13 से 30px तक · 3 चरण

  • Farfetch Basis — प्रतिस्थापन: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · रूपरेखा 400, 700 · उपयोगकर्ता को दिखाई देने वाली हर चीज़ के लिए एक विशेष रूप से डिज़ाइन किया गया ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट इस्तेमाल किया गया है: नेविगेशन लिंक 13–15px/400 पर, बॉडी टेक्स्ट और उत्पाद विवरण 15px/400 पर, सेक्शन हेडिंग 22–30px/400 पर, और FARFETCH लोगो 700 पर। केवल 400 पर आधारित हेडिंग जानबूझकर बोल्ड फ़ॉन्ट से अलग हैं: सेक्शन हेडिंग का वज़न सामान्य, आत्मविश्वासपूर्ण, लेकिन बहुत ज़्यादा बोल्ड नहीं है, जबकि 700 लोगो और सबसे अभिव्यंजक श्रेणी नामों के लिए आरक्षित है। यह विशेष ज्यामिति एक समान स्ट्रोक कंट्रास्ट और एक सूक्ष्म, मानवीय गर्माहट सुनिश्चित करती है जो मानक हेलवेटिका फ़ॉन्ट से प्राप्त नहीं की जा सकती।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वघना
बुनियादी कदम24px
बटन त्रिज्या0px
कार्ड त्रिज्या0px
छैया छैयानहीं - छाया के बजाय बॉर्डर
अनुभागों के बीच48-72px
पृष्ठ की चौड़ाई1280px

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

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

समान शैलियाँ

  • MAKR — हस्तनिर्मित चमड़े के सामानों के लिए एक संग्रहालय जैसा डिस्प्ले केस। एक शांत, पूरी तरह से सफेद कमरा जहाँ गर्म काली स्याही में लिखे लेबल चमड़े के सामानों की बड़ी-बड़ी तस्वीरों के नीचे तैरते हुए दिखते हैं, जिनमें से कुछ हाथ में पकड़े हुए हैं और कुछ अलग-अलग परिदृश्यों के बीच रखे हुए हैं, एकमात्र रंग जो विपरीत दिखता है वह हल्के भूरे रंग की एक मंद पट्टी है।
  • Franco Maria Ricci Editore — आर्ट डेको गैलरी कैटलॉग - कुरकुरे सफेद चर्मपत्र पर पॉलिश की हुई सोने की रेखाएं
  • Laura Monin — संपादकीय गैलरी की दीवार, सफेद संगमरमर, स्याही की मुहर
  • OhDada — संपादकीय गैलरी की दीवार
  • Cursor — सुलगते कोयलों की रोशनी से जगमगाती एक आरामदायक चर्मपत्र कार्यशाला।
  • Structured — प्लास्टिकिन जैसे कागज पर पुनर्जागरणकालीन गैलरी
  • MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।
  • Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
  • Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
  • Lamborghini — शोरूम में काली बॉडी वाली कार, स्पॉटलाइट के नीचे - एक पीली कार
  • Amplemarket — धूप से जगमगाता कार्यस्थल, जहाँ चारों ओर रंगीन कागज के टुकड़े बिखरे हुए हैं।
  • Getharvest — सुनहरे समय में एक मेज – एक गर्म क्रीम रंग का कैनवास, कैनवास पर लटके हुए सफेद पोस्टकार्ड और एक चमकीली नारंगी लौ।