Shop

पांढऱ्या संगमरवरावरील एक तरंगता व्यापारी समूह

हे ऑनलाइन स्टोअर 'व्हाइट कॅनव्हास' मॉडेलवर चालते, ज्यात उत्पादने थंबनेलच्या ग्रिडऐवजी मोठ्या, जास्त वक्र असलेल्या इमेज कार्डच्या स्वरूपात प्रदर्शित केली जातात. संपूर्ण इंटरफेस अत्यंत सुबक आहे: सर्वत्र २०-२८px त्रिज्या, पिल-आकाराची नियंत्रणे आणि एक कॉम्पॅक्ट १६px GT स्टँडर्ड बॉडी, ज्यात अचूक निगेटिव्ह ट्रॅकिंग आहे, ज्यामुळे मजकूर सुस्पष्ट आणि ठळक दिसतो. या सिस्टीममधील एकमेव ठळक वैशिष्ट्य म्हणजे एक तेजस्वी जांभळा रंग (#5433eb), जो लोगोमध्ये, गोलाकार शोध परिणाम क्षेत्रात आणि त्याच बटणावर टिंटेड शॅडो म्हणून दिसतो. बाकीचे पॅलेट वॉर्म न्यूट्रल आहे: पांढरे पृष्ठभाग, एक सूक्ष्म कूल ग्रे कॅनव्हास, सूक्ष्म बॉर्डर्स आणि जवळजवळ काळा मजकूर. १२px गटर्समुळे घनता कॉम्पॅक्ट राहते, परंतु ६४-८०px च्या उदार व्हर्टिकल रिदममुळे हिरो आणि कॅटेगरी स्ट्राइप्स अधिक उठावदार दिसतात, ज्यामुळे खरेदीचा अनुभव कॅटलॉगपेक्षा ब्राउझिंगसारखा अधिक वाटतो.

कमाल रुंदी १२००px आहे, जी एका अर्धपारदर्शक #f2f4f5 कॅनव्हासवर मध्यभागी आहे, आणि डाव्या बाजूला फक्त नेव्हिगेशन आयकॉन्स असलेली ६४px रुंदीची एक कायमस्वरूपी साइडबार आहे. मुख्य घटक एक पूर्ण-रुंदीची पट्टी आहे, ज्यावर मध्यभागी असलेल्या जांभळ्या 'शॉप' लोगोच्या वर प्रॉडक्ट कार्ड्स आणि त्याच्या थेट खाली एक गोळीच्या आकाराचा सर्च बार आहे. सर्च बारच्या खाली कॅटेगरी पिल्स एकाच मध्यभागी असलेल्या ओळीत मांडलेल्या आहेत. कंटेंट विभाग (महिला, पुरुष, सौंदर्य, घर, बाळ आणि मुले) त्यानंतर निर्दिष्ट पट्ट्यांच्या स्वरूपात येतात, ज्या प्रत्येकामध्ये प्रॉडक्टच्या प्रतिमांसह ४-कॉलम ग्रिड किंवा २-कॉलम 'मुख्य घटक आणि ग्रिड' रचना असते. उभ्या मांडणीत भरपूर जागा आहे: मुख्य विभागांमध्ये ६४–८०px अंतर आहे. फुटर ही पानाच्या तळाशी असलेली एक गडद पट्टी आहे, ज्यात स्तंभाच्या आकाराचे लिंक गट आहेत. आडव्या प्रॉडक्ट पॅनेलच्या उजव्या बाजूला असलेले कॅरोसेल बाण हे पेजिनेशन पॉइंट्सशिवाय स्क्रोल करण्यायोग्य कंटेंट दर्शवतात.

छायाचित्रण हा प्रमुख दृश्य घटक आहे: पांढऱ्या पार्श्वभूमीवर पूर्ण-स्क्रीन उत्पादन फोटो, जे १:१ प्रमाणात क्रॉप केलेले आहेत, आणि उबदार नैसर्गिक रंगांच्या (बेज, टेराकोटा, सेज, आयव्हरी) छटा असलेल्या जीवनशैली प्रतिमा. उत्पादन प्रतिमांचा स्वतःचा रंग आहे—युझर इंटरफेस रंगहीन राहतो, ज्यामुळे उत्पादनांच्या छटा दृश्य विविधता प्रदान करतात. ब्रँड लोगो स्वतंत्र आयकॉनऐवजी, गडद किंवा फिकट मुख्य प्रतिमांवर ओव्हरले मजकूर म्हणून दिसतात. मुख्य रचनेत, उत्पादन कार्ड्स वर्डमार्कच्या वर तरंगणाऱ्या, किंचित एकमेकांवर येणाऱ्या नक्षत्राप्रमाणे ठेवलेले आहेत. श्रेणी आयकॉन वगळता, आयकॉन किमान आणि एकरंगी (काळ्या बाह्यरेषा असलेले) आहेत, श्रेणी आयकॉनमध्ये एकच ब्रँड रंग वापरला जातो. उत्पादन प्रतिमांमध्ये कोणतीही चित्रे, ३डी इफेक्ट्स किंवा ग्रेडियंट्स नाहीत.

ऑनलाइन स्टोअर किमानवाद

https://shop.app

पॅलेट

ब्रँड

Shop Violet #5433eb — पांढऱ्या पार्श्वभूमीवर, सेंड बटण, ठिपक्यांचे टेक्स्ट मार्क आणि ब्रँड लोगो हेच एकमेव घटक आहेत जे कृती आणि वेगळेपण अधोरेखित करतात.
Violet Wash #c0b5f3 — जांभळ्या सेंड बटणाच्या मागे एक अर्धपारदर्शक वलय आहे, जे रंग न बदलता आपली चमक कायम ठेवते.

तटस्थ

Canvas Mist #f2f4f5 — उठावदार कार्डांच्या मागे पृष्ठाची पार्श्वभूमी आणि अतिरिक्त पृष्ठभागावरील प्रक्रिया.
Pure White #ffffff — कार्ड, इनपुट फील्ड, फ्लोटिंग साइन आणि गोळीच्या आकाराच्या बटणांसाठी मुख्य पृष्ठभाग.
Ink Black #000000 — मुख्य मजकूर, शीर्षके, आयकॉन्स, नेव्हिगेशन चिन्हे आणि उत्पादन कार्ड डार्क मोडमध्ये.
Faint Border #ebebeb — कार्डवरील पातळ विभाजक रेषा, इनपुट फील्डच्या बाह्यरेखा आणि गोळीच्या आकाराच्या बटणांच्या चौकटी.
Muted Gray #787574 — दुय्यम मजकूर, नेव्हिगेशन लेबल्स, निष्क्रिय असताना आयकॉनच्या बाह्यरेखा
Cool Stone #cccccc — प्लेसहोल्डर्स, अक्षम स्थिती आणि निष्क्रिय आयकॉन पार्श्वभूमी

टायपोग्राफी

११ ते १६ पिक्सेल · ४ टप्पे

GT Standard — बदली: Inter · रूपरेषा 400 · सर्व आकारांमधील मुख्य फॉन्ट—मुख्य मजकूर आणि शीर्षके या दोन्हींसाठी. GTStandard-MRegular (16px/-0.031em) हा मुख्य मजकूर, बटणे आणि लेबल्ससाठी मुख्य फॉन्ट आहे. GTStandard-MSemibold (20px/-0.05em) अनेक मोठ्या शीर्षकांसाठी वापरला जातो; GTStandard-MMedium (11–12px) मायक्रो कॅप्शन्ससाठी वापरला जातो. प्रत्येक फॉन्ट प्रकार 400 च्या ऑप्टिकल वेटसह प्रदर्शित केला जातो—ठळक कॉन्ट्रास्टऐवजी, सूक्ष्म ग्रेडियंट्स आणि दाट निगेटिव्ह लेटर स्पेसिंगद्वारे फॉन्ट पदानुक्रम साधला जातो. ही एक वैशिष्ट्यपूर्ण शैली आहे: शॉप ठळक फॉन्टचा वापर करून गोंधळ घालत नाही, तर लेटर स्पेसिंगद्वारे मजकुराला आकार देते.
Shopify Sans — बदली: Inter · रूपरेषा 400, 700 · अ‍ॅप लोडिंग बॅनर आणि कुकी संमती मजकूर यांसारख्या सिस्टम-स्तरीय संदेशांसाठी राखीव.

अंतर आणि स्वरूप

उद्देश	अर्थ
घनता	सरासरी
मूलभूत पायरी	12px
बटण त्रिज्या	9999px
कार्ड त्रिज्या	28px
सावल्या	मऊ सावल्या
विभागांच्या दरम्यान	64px
पृष्ठाची रुंदी	1200px

एआय तुमची वेबसाईट Shop स्टाईलमध्ये तयार करेल आणि ती भरेल.

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

या शैलीत वेबसाइट तयार करा

समान शैली

Cursor — धगधगत्या कोळशांच्या प्रकाशाने उजळलेली, कागदाच्या कामाची एक आरामदायक कार्यशाळा.
Slush — पेस्टल कागदावरील स्टिकर्सचे फुगवता येण्याजोगे विश्व
MindMarket — क्रीम रंगाच्या कागदावरील एक सुखद परीकथेचे पुस्तक - एक मैत्रीपूर्ण संपादकीय कॅनव्हास, जिथे सूर्यप्रकाशाने उजळलेल्या, स्टिकरसारख्या मऊ पृष्ठभागावर 'इंटर'च्या मोठ्या ठळक बातम्या आणि कापलेली कागदी पात्रे एकत्र नांदतात.
Airbnb — एका शांत पांढऱ्या गॅलरीच्या भिंतीवर एकच प्रवाळ लाल रंगाचे बुकमार्क.
Superr — दुपारच्या कोमल प्रकाशात एक उबदार शालेय वही. एक मलई रंगाचे पान, टोपी नसलेला एक नारंगी मार्कर आणि सोलून काढण्याची वाट पाहत असलेल्या लॅमिनेटेड नावांच्या स्टिकर्सचा गठ्ठा.
Apple (España) — संग्रहालयाची गॅलरी, मंद सूर्यप्रकाशात, एकसंध, मनमोहक आणि हलकी पांढरी जागा आहे, जिथे प्रत्येक प्रदर्शनीय वस्तू हलक्या रंगाच्या भिंतीवर स्पॉटलाइटच्या प्रकाशाने उजळलेली आहे.
Lamborghini — शोरूममध्ये काळ्या रंगाची गाडी, स्पॉटलाइटच्या प्रकाशात - एक पिवळी गाडी
Amplemarket — रंगीत कागदाच्या तुकड्यांनी भरलेले सूर्यप्रकाशित कामाचे ठिकाण
Getharvest — संध्याकाळच्या सोनेरी क्षणांतील एक डेस्क – एक उबदार क्रीम रंगाचा कॅनव्हास, त्यावर टांगलेली पांढरी पोस्टकार्ड्स आणि एक तेजस्वी केशरी ज्योत.
Agence Foudre — मासिकाचे मुखपृष्ठ लिपस्टिकची आठवण करून देणाऱ्या फिकट गुलाबी रंगाचे आहे.
Drive Capital — गरम कागदावर रेट्रो रोड ट्रिप पोस्टर
Apple (España) — पांढरी गॅलरी डिस्प्ले केस