
Le Puzz
सनी संडे सर्क्युलर हे रहस्यमय गोष्टींनी भरलेले एक टॅब्लॉइड आहे.
'ले पझ' ही बुटीक स्टोअर्ससाठी एक मॅक्सिमलिस्ट ई-कॉमर्स प्रणाली आहे, जी दोन-रंगी पायावर तयार केली आहे: गडद, मधमाशीच्या पोळ्यासारखा पिवळा रंग शुद्ध काळ्या रंगासोबत, एका आकर्षक, मोत्यासारख्या राखाडी पार्श्वभूमीवर वापरला आहे. तिची शैली जुन्या वृत्तपत्राची आणि जिगसॉ पझलची एक संकरित रचना आहे: मुख्य मजकूर सेरिफ टाइम्स फॉन्टमध्ये आहे, तर मथळे टाइम्स नाऊ या कस्टम फॉन्टमध्ये आहेत, जे सॅन्स-सेरिफ फॉन्टवर अवलंबून असलेल्या पारंपरिक ई-कॉमर्स संकेतांना जाणीवपूर्वक छेद देते. इंटरफेस स्वतः सोपा आणि ग्रिड-आधारित ठेवला आहे, ज्यामुळे उत्पादनाच्या पॅकेजिंगद्वारे (खेळण्यांनी भरलेल्या दाट, सचित्र रचना) दृश्य परिणाम साधता येतो. इंटरफेसची नियंत्रणे बरीच मजबूत आहेत: पिवळ्या पार्श्वभूमीवर काळ्या बॉर्डरची बटणे, गोळीच्या आकाराचे आयकॉन्स, १२ पिक्सेल त्रिज्या असलेली कार्डे आणि स्मॉल कॅप्ससाठी भरपूर अक्षर-अंतर, जे अगदी "क्विक ॲड" बटणालाही एक संपादकीय शैली देते.
एक वैशिष्ट्यपूर्ण संपादकीय डिझाइन असलेली क्लासिक ई-कॉमर्स ग्रिड. हेडर ही १-रुंदीची काळी बॉर्डर असलेली एक पिवळी हनीकॉम्ब पट्टी आहे, ज्यामध्ये मध्यभागी एक लोगो आणि नेव्हिगेशन बटणांची एक अतिरिक्त ओळ आहे. खाली, राखाडी पार्श्वभूमीवरील उत्पादनांच्या तीन-स्तंभीय ग्रिडच्या वर, टाइम्स नाऊ फॉन्टमधील एक मध्यभागी असलेले स्वागत हेडर आहे. मुख्य घटक म्हणजे गोलाकार कोपरे असलेला एक मध्यभागी असलेला फोटो ब्लॉक (४०), ज्याच्या दोन्ही बाजूंना दोन प्रॉडक्ट कार्ड्स आहेत. विभागांची लय कायम राखली आहे: पुरेशी उभी जागा (३०), एकाआड एक पिवळे आणि राखाडी पृष्ठभाग, आणि पानाच्या मध्यभागी असलेली अंदाजे ४.५ सेमीची कमाल रुंदी. प्रॉडक्ट कार्ड्स समान आकाराचे आहेत आणि ५ सेमीच्या अंतरासह एका सुबक तीन-स्तंभीय ग्रिडमध्ये मांडलेले आहेत. लेआउट सममितीय आहे आणि ग्रिडशी जोडलेला आहे—कोणतीही असममितीय रचना किंवा एकमेकांवर आलेले घटक नाहीत.
दृश्यात्मक घटक म्हणजे उत्पादन छायाचित्रण. पझल बॉक्सचे पांढऱ्या/तटस्थ पार्श्वभूमीवर समोरून छायाचित्रण केले जाते, आणि नंतर ते उबदार निळ्या किंवा नैसर्गिक स्टुडिओ बॅकड्रॉपवर ठेवले जातात. मुख्य प्रतिमेमध्ये एक व्यक्ती अनेक पझल बॉक्स हातात धरलेली दिसते—ही एक जीवनशैलीची वस्तू असून, ती सहज ऊर्जेने टिपली आहे. पॅकेजिंग स्वतःच समृद्ध, चित्रमय आणि भव्य आहे: ५००-पीसच्या पझलवर विखुरलेली, मुलांच्या पुस्तकातील चित्रासारखी दिसणारी, चमकदार प्राथमिक रंगांतील आणि जाड काळ्या बाह्यरेषा असलेली असंख्य खेळणी, खाद्यपदार्थ आणि पात्रे. कोणतेही अमूर्त ग्राफिक्स नाहीत, कोणतेही ३डी रेंडर्स नाहीत, किंवा एका भिंगाव्यतिरिक्त इतर कोणतीही चिन्हे नाहीत—पझल्स स्वतःच एक दृश्यात्मक भाषा आहेत.
पॅलेट
ब्रँड
- Honeycomb Yellow
#ffd931— ब्रँडचा मुख्य रंग, टायटल बार, मुख्य ॲक्शन बटन्स, नॅव्हिगेशनची सक्रिय स्थिती, लिंकच्या अधोरेखनाचा रंग, ॲक्सेंट फिल—एकच रंगसंगती, जिच्याभोवती बाकी सर्व काही फिरते.
तटस्थ
- Carbon Black
#000000— मुख्य मजकूर, जाड कडा, बटणांच्या बाह्यरेषा, आयकॉनच्या बाह्यरेषा, नॅव्हिगेशन मजकूर हे संपूर्ण प्रणालीचा संरचनात्मक आधार आहेत. - Ink Black
#231f20— दुय्यम मजकूर, मुख्य मजकूर, बटणांच्या कडा, इनपुट फील्डच्या कडा - अधिक सौम्य अनुभवासाठी किंचित उबदार, जवळजवळ काळा रंग. - Pearl Gray
#c8cbcd— पेज कॅनव्हास, प्रॉडक्ट कार्डची पार्श्वभूमी, एक लक्षवेधी मंच जिथे पिवळे आणि काळे रंग दिसतात. - Fog Gray
#a6a8aa— सौम्य बॅज पृष्ठभाग, दुय्यम चिप पार्श्वभूमी आणि सूक्ष्म युझर इंटरफेस फिल्स. - Smoke Line
#d6d6d6— बारीक विभाजक, टेबल/कार्डसाठीचे सुबक विभाजक.
टायपोग्राफी
११ ते ४७ पिक्सेल · ६ टप्पे
- Times Now — बदली: Playfair Display · रूपरेषा 100, 400 · मुख्य शीर्षके, उत्पादनांची नावे आणि विभागांच्या शीर्षकांसाठी वापरला जाणारा एक सेरिफ फॉन्ट. ४७-पिक्सेल पिच असलेला हा अतिशय हलका १००-पॉइंट फॉन्ट एक उंच, जवळजवळ संक्षिप्त संपादकीय अनुभव निर्माण करतो; संक्षिप्त अक्षररचना (ओळींची उंची ०.८७–०.९०) मोठ्या शीर्षकांना सोबतच्या मजकुराच्या जवळ ठेवण्याची सोय करते, ज्यामुळे छापील पोस्टरचा आभास होतो.
- Times — बदली: Times New Roman · रूपरेषा 400 · ऑनलाइन स्टोअरसाठी सेरिफ फॉन्टचा वापर ही एक अनपेक्षित निवड आहे, ज्यामुळे संपूर्ण साइटला एक साहित्यिक, कॅटलॉगसारखा अनुभव मिळतो. कमी ओळींमधील अंतरामुळे (१.१५) परिच्छेद संक्षिप्त आणि वाचनीय बनतात.
- Helvetica Neue — बदली: Helvetica · रूपरेषा 100, 400 · युझर इंटरफेसमधील लहान मजकूर, बटणांवरील मजकूर आणि मायक्रोटेक्स्ट हे जास्त अक्षर-अंतरासह (0.0730em) 11px फॉन्टमध्ये सेट केलेले आहेत, ज्यामुळे शरीराचे तापमान आरामदायक असतानाही मोठ्या अक्षरांमध्ये लिहिल्याचा अनुभव येतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 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 — गरम कागदावर रेट्रो रोड ट्रिप पोस्टर