Le Puzz
सनी संडे सर्कुलर रहस्यों से भरा एक टैब्लॉइड है।
ले पज़ बुटीक स्टोर्स के लिए एक मैक्सिमलिस्ट ई-कॉमर्स सिस्टम है, जो दो रंगों के संयोजन पर आधारित है: गहरे, मधुकोश जैसे पीले रंग को शुद्ध काले रंग के साथ मिलाकर एक शांत, मोती-धूसर पृष्ठभूमि पर प्रस्तुत किया गया है। इसकी शैली विंटेज अखबार और जिगसॉ पज़ल का मिश्रण है: बॉडी टेक्स्ट सेरिफ़ टाइम्स फ़ॉन्ट में है, जबकि हेडलाइन एक कस्टम फ़ॉन्ट, टाइम्स नाउ में हैं, जो जानबूझकर पारंपरिक ई-कॉमर्स परंपराओं से अलग है जो सैन्स-सेरिफ़ फ़ॉन्ट पर निर्भर करती हैं। इंटरफ़ेस को सरल और ग्रिड-आधारित रखा गया है, जिससे उत्पाद पैकेजिंग (खिलौनों से भरी घनी, सचित्र रचनाएँ) के माध्यम से दृश्य प्रभाव व्यक्त किया जा सके। इंटरफ़ेस नियंत्रण काफी मजबूत हैं: पीले रंग की पृष्ठभूमि पर काले बॉर्डर वाले बटन, पिल-आकार के आइकन, 12px त्रिज्या वाले कार्ड और छोटे अक्षरों के लिए पर्याप्त स्पेसिंग, जो "क्विक ऐड" बटन को भी संपादकीय अंदाज देता है।
एक विशिष्ट संपादकीय डिज़ाइन वाला क्लासिक ई-कॉमर्स ग्रिड। शीर्ष भाग पीले रंग की मधुकोश पट्टी है जिसके चारों ओर 1 इंच की चौड़ाई का काला बॉर्डर है, जिसमें बीच में लोगो और नेविगेशन बटनों की एक अतिरिक्त पंक्ति है। नीचे, धूसर पृष्ठभूमि पर उत्पादों के तीन-स्तंभ ग्रिड के ऊपर, टाइम्स नाउ फ़ॉन्ट में बीच में स्वागत शीर्षक है। मुख्य तत्व बीच में गोल कोनों वाला एक फोटो ब्लॉक (40) है, जिसके दोनों ओर दो उत्पाद कार्ड हैं। अनुभागों की लय बरकरार रखी गई है: पर्याप्त ऊर्ध्वाधर स्थान (30), पीले और धूसर सतहों का वैकल्पिक उपयोग, और पृष्ठ के बीच में लगभग 4.5 सेमी की अधिकतम चौड़ाई। उत्पाद कार्ड समान आकार के हैं और 5 सेमी के अंतराल के साथ एक सुव्यवस्थित तीन-स्तंभ ग्रिड में व्यवस्थित हैं। लेआउट सममित है और ग्रिड से जुड़ा हुआ है—कोई असममित संरचना या अतिव्यापी तत्व नहीं हैं।
दृश्य तत्व उत्पाद फोटोग्राफी है। पज़ल बॉक्स को सफेद/न्यूट्रल बैकग्राउंड के सामने पूरी तरह से फ़ोटो खींचा जाता है, फिर उन्हें गर्म नीले या प्राकृतिक स्टूडियो बैकड्रॉप के सामने रखा जाता है। मुख्य छवि में एक व्यक्ति कई पज़ल बॉक्स पकड़े हुए है—एक जीवनशैली वस्तु, जिसे सहज ऊर्जा के साथ दर्शाया गया है। पैकेजिंग अपने आप में समृद्ध, चित्रमय और अतिशयोक्तिपूर्ण है: चमकीले प्राथमिक रंगों में ढेर सारे खिलौने, खाद्य उत्पाद और पात्र, मोटी काली आउटलाइन के साथ, एक 500 टुकड़ों वाले पज़ल पर बिखरे हुए बच्चों की किताब के चित्र की तरह दिखते हैं। कोई अमूर्त ग्राफ़िक्स नहीं, कोई 3D रेंडर नहीं, एक आवर्धक लेंस के अलावा कोई आइकनोग्राफी नहीं—पज़ल स्वयं दृश्य भाषा हैं।
पैलेट
ब्रांड
- Honeycomb Yellow
#ffd931— प्राथमिक ब्रांड रंग, टाइटल बार, प्राथमिक एक्शन बटन, नेविगेशन की सक्रिय स्थिति, लिंक अंडरलाइन का रंग, एक्सेंट फिल—वह एक रंग जो सब कुछ को एक साथ समेटे हुए है।
तटस्थ
- Carbon Black
#000000— मुख्य पाठ, मोटी बॉर्डर, बटन की रूपरेखा, आइकन की रूपरेखा, नेविगेशन टेक्स्ट संपूर्ण सिस्टम का संरचनात्मक आधार हैं। - Ink Black
#231f20— द्वितीयक पाठ, प्राथमिक पाठ, बटन बॉर्डर, इनपुट फ़ील्ड बॉर्डर - एक नरम एहसास के लिए थोड़ा गर्म, लगभग काला रंग। - Pearl Gray
#c8cbcd— पेज कैनवास, प्रोडक्ट कार्ड बैकग्राउंड, एक आकर्षक मंच जहां पीले और काले रंग दिखाई देते हैं। - Fog Gray
#a6a8aa— शांत बैज सतहें, द्वितीयक चिप पृष्ठभूमि और सूक्ष्म उपयोगकर्ता इंटरफ़ेस रंग। - Smoke Line
#d6d6d6— पतले विभाजक, विवेकपूर्ण टेबल/कार्ड विभाजक।
टाइपोग्राफी
11 से 47px तक · 6 चरण
- Times Now — प्रतिस्थापन: Playfair Display · रूपरेखा 100, 400 · शीर्षकों और उपशीर्षकों के लिए एक सेरिफ़ फ़ॉन्ट—मुख्य शीर्षकों, उत्पाद नामों और अनुभाग शीर्षकों के लिए उपयोग किया जाता है। 47 पिक्सेल पिच वाला यह अति हल्का 100-पॉइंट फ़ॉन्ट एक लंबा, लगभग सघन संपादकीय अनुभव प्रदान करता है; सघन अक्षर आकार (0.87–0.90 की पंक्ति ऊँचाई) बड़े शीर्षकों को संबंधित पाठ के निकट रखने की अनुमति देते हैं, जिससे मुद्रित पोस्टर जैसा प्रभाव उत्पन्न होता है।
- Times — प्रतिस्थापन: Times New Roman · रूपरेखा 400 · ऑनलाइन स्टोर के लिए सेरिफ़ फ़ॉन्ट का इस्तेमाल एक अप्रत्याशित विकल्प है, जो पूरी साइट को साहित्यिक और कैटलॉग जैसा अनुभव देता है। कम पंक्ति अंतराल (1.15) पैराग्राफ़ को संक्षिप्त और पठनीय बनाता है।
- Helvetica Neue — प्रतिस्थापन: Helvetica · रूपरेखा 100, 400 · यूजर इंटरफेस में छोटा टेक्स्ट, बटनों पर टेक्स्ट और माइक्रो टेक्स्ट 11px फॉन्ट में बड़े लेटर स्पेसिंग (0.0730em) के साथ सेट किए गए हैं, जो आरामदायक शारीरिक तापमान पर भी बड़े अक्षरों में लिखने का एहसास कराता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 15px |
| बटन त्रिज्या | 12px |
| कार्ड त्रिज्या | 12px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 30-40px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Le Puzz शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Agence Foudre — पत्रिका का कवर पेज हल्के गुलाबी रंग का है, जो लिपस्टिक की याद दिलाता है।
- INVERSA — आधी रात को एक स्थलाकृतिक फील्ड टर्मिनल। एक अंधेरा कमांड पैनल, जहाँ विशाल संपादकीय फ़ॉन्ट और नियॉन-हरे मार्करों की एक परत पृथ्वी की उपग्रह छवियों पर आरोपित है, प्रत्येक लेबल मोनोक्रोम है, मानो मिशन निर्देशांक पढ़ रहे हों।
- Acne Studios — एक सादा गैलरी स्पेस जो जीवंत तस्वीरों से भरा हुआ है—संगमरमर पर सजी एक फैशन पत्रिका की तरह।
- GTE — गैलरी की रोशनी के पीछे ट्रेडिंग टर्मिनल
- Diabla — दोपहर के समय एक भूमध्यसागरीय आंगन - धूप से फीकी गुलाबी दीवारें, एक चमकीला लाल कैनवास का शामियाना, और आकाश में फैले हुए सेरिफ्ड संपादकीय शीर्षक।
- Subset — कच्चे लिनन से बना संपादकीय बुटीक
- Cursor — सुलगते कोयलों की रोशनी से जगमगाती एक आरामदायक चर्मपत्र कार्यशाला।
- MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।
- Lamborghini — शोरूम में काली बॉडी वाली कार, स्पॉटलाइट के नीचे - एक पीली कार
- Amplemarket — धूप से जगमगाता कार्यस्थल, जहाँ चारों ओर रंगीन कागज के टुकड़े बिखरे हुए हैं।
- Getharvest — सुनहरे समय में एक मेज – एक गर्म क्रीम रंग का कैनवास, कैनवास पर लटके हुए सफेद पोस्टकार्ड और एक चमकीली नारंगी लौ।
- Drive Capital — गर्म कागज पर रेट्रो रोड ट्रिप पोस्टर