
MAKR
हस्तनिर्मित चमड़े के सामानों के लिए एक संग्रहालय जैसा डिस्प्ले केस। एक शांत, पूरी तरह से सफेद कमरा जहाँ गर्म काली स्याही में लिखे लेबल चमड़े के सामानों की बड़ी-बड़ी तस्वीरों के नीचे तैरते हुए दिखते हैं, जिनमें से कुछ हाथ में पकड़े हुए हैं और कुछ अलग-अलग परिदृश्यों के बीच रखे हुए हैं, एकमात्र रंग जो विपरीत दिखता है वह हल्के भूरे रंग की एक मंद पट्टी है।
MAKR हस्तनिर्मित चमड़े के उत्पादों को समर्पित एक ऑनलाइन संपादकीय गैलरी है, जो लगभग पूरी तरह से रंगहीन पैलेट पर आधारित है और जिसमें फोटोग्राफी प्रमुख तत्व है। एक ही, लगभग धूसर रंग का बैनर टोन (ऋषि के सूक्ष्म संकेत के साथ) शीर्ष विज्ञापन पट्टी को उभारता है, जबकि बाकी सब कुछ—सतहें, पाठ, विभाजक, लिंक—सफेद पृष्ठभूमि पर गहरे, गर्म काले रंग में प्रस्तुत किया गया है। टाइपोग्राफी सोहने की नव-ग्रोटेस्क शैली का सबसे संयमित रूप है: छोटे फ़ॉन्ट, पर्याप्त पंक्ति अंतराल और कैप्शन में बड़े अक्षरों के लिए सकारात्मक अक्षर अंतराल किसी गैलरी की दीवार पर लिखे पाठ की तरह प्रतीत होते हैं, न कि किसी वेब इंटरफ़ेस की तरह। लेआउट छवियों से भरपूर, असममित और न्यूनतम है, किसी संग्रहालय की तरह: वस्तुओं को हाथ में, परिदृश्यों में, प्राकृतिक प्रकाश में फ़ोटो खींचा गया है, और उनके नीचे छोटे लिंक जैसे कैप्शन दिए गए हैं। घटक लगभग अदृश्य हैं—अंडरलाइन किए गए टेक्स्ट लिंक, छिपे हुए इनपुट फ़ील्ड, कोई छाया नहीं, कोई गोल बटन नहीं—जिससे ब्रांड को आकार देने में चमड़े और फोटोग्राफी की केंद्रीय भूमिका होती है।
बिना किसी अधिकतम कंटेंट चौड़ाई सीमा के, एक किनारे से दूसरे किनारे तक फैला हुआ लेआउट—इमेज पूरे व्यूपोर्ट को भर देती हैं। शीर्ष बैनर विज्ञापन पूरी चौड़ाई में फैला है, जिसके बाद पूरी चौड़ाई वाला हेडर नेविगेशन है। मुख्य कंटेंट क्षेत्र में मल्टी-कॉलम इमेज ग्रिड (डेस्कटॉप पर 2-3 कॉलम) का उपयोग किया गया है, जिसमें बहुत कम या न के बराबर गैप हैं, जिससे तस्वीरें अपनी खुद की विज़ुअल संरचना बना सकती हैं। टेक्स्ट और लिंक इमेज के नीचे खाली जगहों में रखे गए हैं, जो कभी भी एक-दूसरे को ओवरलैप नहीं करते। संपादकीय अनुभागों में प्रोडक्ट ग्रिड और पूरी चौड़ाई वाली, लाइफस्टाइल-शैली की तस्वीरें बारी-बारी से दिखाई देती हैं। वर्टिकल रिदम काफी उदार है (अनुभागों के बीच 80-1.5 गैप), जिससे गैलरी में घूमने जैसा अनुभव होता है। न्यूज़लेटर सब्सक्रिप्शन मॉडल एक स्थिर, निचले-बाएँ पैनल में है; एक बंद होने योग्य सब्सक्रिप्शन पैनल व्यूपोर्ट के बिल्कुल नीचे स्थित है। कुल मिलाकर, यह किसी संग्रहालय कैटलॉग या संपादकीय स्प्रेड जैसा दिखता है, न कि किसी सामान्य ई-कॉमर्स लेआउट जैसा।
फोटोग्राफी ब्रांड की मूल सामग्री और भाषा है। दो शैलियाँ एक साथ मौजूद हैं: (1) उत्पाद की बड़ी ब्लैक-एंड-व्हाइट तस्वीरें, वर्गाकार या 3:4 अनुपात में कटी हुई, उच्च कंट्रास्ट के साथ, जिसमें वस्तु फ्रेम को भर देती है, बिना किसी जीवनशैली संदर्भ के; (2) गर्म प्राकृतिक प्रकाश में पूर्ण-रंगीन जीवनशैली तस्वीरें, मिट्टी के रंगों में परिदृश्य, बैग के साथ चलती हुई मॉडल, कम कोणों से उथली डेप्थ ऑफ़ फील्ड के साथ खींची गई तस्वीरें। ग्रेस्केल और पूर्ण-रंगीन छवियों का यह क्रम पृष्ठ पर एक एकल दृश्य लय बनाता है। कोई चित्र नहीं, कोई 3डी रेंडर नहीं, कोई अमूर्त ग्राफिक्स नहीं। छवियां पूरे पृष्ठ को घेरती हैं या पृष्ठ की पूरी चौड़ाई में फैली होती हैं, शून्य त्रिज्या और बिना बॉर्डर वाले ग्रिड सेल में। आइकन अनुपस्थित या न्यूनतम हैं—बंद करने के लिए एक साधारण क्रॉस, और कुछ नहीं।
पैलेट
तटस्थ
- Obsidian Ink
#1c1717— मुख्य पाठ, सभी टेक्स्ट लिंक, बॉडी टेक्स्ट, हेडिंग, आइकन आउटलाइन और पूरे यूजर इंटरफेस में मौजूद हल्की बॉर्डर लाइनें इसी रंग की हैं। सफेद बैकग्राउंड पर 17.7:1 के अनुपात वाला यह प्राथमिक रंग 5,000 से अधिक बार इस्तेमाल किया गया है। इसका हल्का गर्म टोन (शुद्ध काला नहीं) पूरे इंटरफेस को स्क्रीन के बजाय प्रिंटेड कैटलॉग जैसा एहसास देता है। - Paper
#ffffff— हल्की सतहों पर पतले बॉर्डर, विभाजक, इनपुट फ़ील्ड की रूपरेखा और कार्ड के किनारों के लिए इस रंग का उपयोग न करें। कॉल-टू-एक्शन बटन के लिए प्राथमिक रंग के रूप में इस रंग का उपयोग करने से बचें। - Bone
#f0f0f0— यह वैकल्पिक खंडों के लिए एक द्वितीयक सतह है, जो सूक्ष्म पैनल पृष्ठभूमि और आंतरिक बॉर्डर/विभाजक बनाती है। यह कागज के सफेद रंग और विज्ञापन के हल्के हरे रंग के बीच एक सूक्ष्म गर्म धूसर रंगत उत्पन्न करती है। - Eucalyptus Mist
#a9aea9— पेज के शीर्ष पर बैनर विज्ञापन की पृष्ठभूमि, विभिन्न अनुभागों के बीच हल्के रंगों का संक्रमण, और एक तृतीयक फ्रेम। अकेले में, यह लगभग धूसर रंग का दिखता है, लेकिन पूरी चौड़ाई में उपयोग किए जाने पर, यह एक सूक्ष्म ऋषि रंग का रूप ले लेता है - एकरंगी योजना में एकमात्र रंग का स्पर्श।
टाइपोग्राफी
11 से 32px तक · 5 चरण
- Sohne Web — प्रतिस्थापन: Inter · रूपरेखा 400 · संपूर्ण इंटरफ़ेस शैली—मुख्य पाठ, नेविगेशन, लिंक, शीर्षक, बटन, इनपुट फ़ील्ड, आइकन और छवि कैप्शन—का उपयोग किया गया है। 400-वेट वाला सोहने फ़ॉन्ट (कोई बोल्ड वेरिएंट नहीं मिला) MAKR को इसकी शांत लेकिन आत्मविश्वासपूर्ण अभिव्यक्ति प्रदान करता है: जानकारी अक्षरों के आकार और रिक्ति के माध्यम से व्यक्त की जाती है, न कि वेट कंट्रास्ट के माध्यम से। विकल्प: इंटर, सोहने या अनटाइटल्ड सैंस।
- CircularXXMonoWeb — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400 · इसका उपयोग केवल कभी-कभार दिए जाने वाले तकनीकी निर्देशों या उत्पाद विनिर्देशों के लिए किया जाता है—एक ऐसी धीमी आवाज़ जो नव-विकृत लय को तोड़ती है। इसका प्रयोग संयम से करें: उत्पाद कोड, सामग्री विनिर्देश, इससे अधिक कुछ नहीं। इसके स्थान पर JetBrains Mono या IBM Plex Mono का प्रयोग करें।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 5-8px |
| बटन त्रिज्या | 0px |
| कार्ड त्रिज्या | 0px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80-120px |
एआई आपकी वेबसाइट को MAKR शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- FARFETCH España — "व्हाइट क्यूब" शैली में एक फैशन गैलरी। कल्पना कीजिए एक उच्चस्तरीय खुदरा स्थान की, जहाँ दीवारें, फर्श और साज-सामान पूरी तरह से सफेद रंग से रंगे हों, और केवल कपड़े और उन्हें पहनने वाले लोग ही हर रंग, बनावट और दृश्य अभिव्यक्ति का निर्माण करते हों।
- Franco Maria Ricci Editore — आर्ट डेको गैलरी कैटलॉग - कुरकुरे सफेद चर्मपत्र पर पॉलिश की हुई सोने की रेखाएं
- Laura Monin — संपादकीय गैलरी की दीवार, सफेद संगमरमर, स्याही की मुहर
- OhDada — संपादकीय गैलरी की दीवार
- Cursor — सुलगते कोयलों की रोशनी से जगमगाती एक आरामदायक चर्मपत्र कार्यशाला।
- Structured — प्लास्टिकिन जैसे कागज पर पुनर्जागरणकालीन गैलरी
- MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।
- Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
- Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
- Lamborghini — शोरूम में काली बॉडी वाली कार, स्पॉटलाइट के नीचे - एक पीली कार
- Amplemarket — धूप से जगमगाता कार्यस्थल, जहाँ चारों ओर रंगीन कागज के टुकड़े बिखरे हुए हैं।
- Getharvest — सुनहरे समय में एक मेज – एक गर्म क्रीम रंग का कैनवास, कैनवास पर लटके हुए सफेद पोस्टकार्ड और एक चमकीली नारंगी लौ।