Shop
सेतो संगमरमरमा तैरिरहेको व्यापारिक नक्षत्र
अनलाइन स्टोर "सेतो क्यानभास" मोडेलमा सञ्चालन हुन्छ, जसमा उत्पादनहरू थम्बनेलहरूको ग्रिडको सट्टा ठूला, भारी घुमाउरो छवि कार्डहरूको रूपमा प्रदर्शित हुन्छन्। सम्पूर्ण इन्टरफेस अविश्वसनीय रूपमा सहज छ: २०-२८px त्रिज्या भरि, गोली आकारको नियन्त्रणहरू, र कडा नकारात्मक ट्र्याकिङको साथ कम्प्याक्ट १६px GT मानक बडी जसले पाठलाई कुरकुरा र बोल्ड बनाउँछ। प्रणालीको एकमात्र बोल्ड एक्सेन्ट एक जीवन्त बैजनी (#५४३३eb) हो, जुन लोगो, गोलाकार खोज परिणाम क्षेत्र, र एउटै बटनमा टिन्टेड छायाको रूपमा देखा पर्दछ। प्यालेटको बाँकी भाग न्यानो तटस्थ छ: सेतो सतहहरू, एक सूक्ष्म चिसो खैरो क्यानभास, सूक्ष्म किनाराहरू, र लगभग कालो पाठ। घनत्व १२px गटरहरूसँग कम्प्याक्ट रहन्छ, तर नायक र श्रेणी स्ट्रिपहरूले ६४-८०px को उदार ठाडो लयको लागि धन्यवाद दिन्छ, जसले वाणिज्य अनुभवलाई क्याटलग भन्दा ब्राउजिङ जस्तो महसुस गराउँछ।
अधिकतम चौडाइ १२०० पिक्सेल छ, जुन पारदर्शी #f2f4f5 क्यानभासमा केन्द्रित छ, बायाँतिर निरन्तर ६४ पिक्सेल-चौडाइ साइडबारमा नेभिगेसन आइकनहरू मात्र छन्। मुख्य तत्व पूर्ण-चौडाइको स्ट्रिप हो, जसमा उत्पादन कार्डहरू केन्द्रित बैजनी "पसल" लोगो माथि राखिएको छ, र यसको सिधै तल गोली आकारको खोज पट्टी छ। श्रेणी गोलीहरू खोज पट्टी मुनि एकल केन्द्रित पङ्क्तिमा व्यवस्थित छन्। सामग्री खण्डहरू (महिला, पुरुष, सौन्दर्य, घर, बच्चा र बच्चाहरू) तोकिएका स्ट्रिपहरूको रूपमा पछ्याउँछन्, प्रत्येकमा उत्पादन छविहरू सहितको ४-स्तम्भ ग्रिड वा २-स्तम्भ "मुख्य तत्व र ग्रिड" संरचना हुन्छ। ठाडो लय उदार छ: मुख्य खण्डहरू बीच ६४-८० पिक्सेल। फुटर पृष्ठको तल स्तम्भ-आकारको लिङ्क समूहहरू भएको गाढा स्ट्रिप हो। तेर्सो उत्पादन प्यानलहरूको दायाँ छेउमा रहेको क्यारोसेल तीरहरूले पृष्ठांकन बिन्दुहरू बिना स्क्रोल गर्न मिल्ने सामग्रीलाई संकेत गर्दछ।
फोटोग्राफी प्रमुख दृश्य तत्व हो: सेतो पृष्ठभूमिमा पूर्ण-स्क्रिन उत्पादन तस्बिरहरू, १:१ क्रप गरिएको, र न्यानो माटोको टोनहरू (बेज, टेराकोटा, ऋषि, आइवरी) भएका जीवनशैली छविहरू। उत्पादन छविहरूको आफ्नै रंग हुन्छ - प्रयोगकर्ता इन्टरफेस अक्रोमेटिक रहन्छ, जसले उत्पादन छायाँहरूलाई दृश्य विविधता प्रदान गर्न अनुमति दिन्छ। ब्रान्ड लोगोहरू व्यक्तिगत आइकनको रूपमा भन्दा गाढा वा हल्का मुख्य छविहरूमा ओभरले पाठको रूपमा देखा पर्दछ। मुख्य संरचनामा, उत्पादन कार्डहरू वर्डमार्क माथि तैरिरहेको, थोरै ओभरल्यापिङ तारामण्डलको रूपमा राखिएको छ। आइकनहरू न्यूनतम र मोनोक्रोम (कालो रूपरेखा) हुन्, श्रेणी आइकनहरू बाहेक, जसले एकल ब्रान्ड रङ प्रयोग गर्दछ। उत्पादन छविहरूमा कुनै चित्रण, 3D प्रभाव, वा ग्रेडियन्टहरू छैनन्।
प्यालेट
ब्रान्ड
- 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 · सबै आकारहरूमा प्राथमिक फन्ट—बडी टेक्स्ट र हेडिङ दुवैको लागि। १६px/-०.०३१em मा GTStandard-MRegular बडी टेक्स्ट, बटन र लेबलहरूको लागि प्राथमिक फन्ट हो। २०px/-०.०५em मा GTStandard-MSemibold धेरै ठूला हेडिङहरूको लागि प्रयोग गरिन्छ; ११–१२px मा GTStandard-MMedium मा माइक्रोक्याप्शनहरूको लागि प्रयोग गरिन्छ। प्रत्येक फन्ट भेरियन्ट ४०० को अप्टिकल भारको साथ प्रदर्शित हुन्छ—फन्ट पदानुक्रम बोल्ड कन्ट्रास्टको सट्टा सूक्ष्म ग्रेडियन्टहरू र घना नकारात्मक अक्षर स्पेसिङ मार्फत प्राप्त गरिन्छ। यो एक सिग्नेचर शैली हो: पसलले बोल्ड फन्टहरूसँग चिच्याउदैन, बरु अक्षर स्पेसिङ मार्फत पाठलाई आकार दिन्छ।
- Shopify Sans — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 700 · एप लोड गर्ने ब्यानर र कुकी सहमति पाठ जस्ता प्रणाली-स्तरका सन्देशहरूको लागि आरक्षित।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 12px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 28px |
| छायाँहरू | नरम छायाँ |
| खण्डहरू बीच | 64px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Shop शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Cursor — धिपधिप बलिरहेको कोइलाहरूले उज्यालो पारिएको आरामदायी चर्मपत्र कार्यशाला
- Slush — पेस्टल कागजमा स्टिकरहरूको फुल्ने ब्रह्माण्ड
- MindMarket — क्रिम पेपरमा बनाइएको आरामदायी परीकथाको पुस्तक - एउटा मैत्रीपूर्ण सम्पादकीय क्यानभास जहाँ ठूला इन्टर हेडलाइनहरू र काटिएका कागजका पात्रहरू घामले भिजेको, स्टिकरले नरम सतहमा सहअस्तित्वमा रहन्छन्।
- Airbnb — एउटा कोरल रातो बुकमार्क भएको शान्त सेतो ग्यालरी भित्ता
- Superr — दिउँसोको नरम उज्यालोमा न्यानो स्कूल नोटबुक। क्रिम रंगको पृष्ठ, टोपी बिनाको सुन्तला मार्कर, र ल्यामिनेटेड नाम स्टिकरहरूको थुप्रो।
- Apple (España) — मधुरो दिनको उज्यालोमा संग्रहालय ग्यालरी एकल, मनमोहक, वजनहीन सेतो ठाउँ हो, जहाँ प्रत्येक प्रदर्शनी हल्का रङ्गिएको भित्तामा स्पटलाइटले उज्यालो पारिएको हुन्छ।
- Lamborghini — शोरुममा कालो बडी रङ, स्पटलाइटहरू मुनि - एउटा पहेंलो कार
- Amplemarket — कन्फेटीले छरिएको घामले भिजेको कार्यस्थल
- Getharvest — गोल्डेन आवरमा एउटा डेस्क - न्यानो क्रिम क्यानभास, क्यानभासमा झुण्डिएका सेता पोस्टकार्डहरू, र एउटा चम्किलो सुन्तला रंगको ज्वाला
- Agence Foudre — पत्रिकाको आवरण पृष्ठ लिपस्टिकको सम्झना दिलाउने नरम गुलाबी रंगको छ।
- Drive Capital — न्यानो कागजमा रेट्रो रोड ट्रिप पोस्टर
- Apple (España) — सेतो ग्यालरी डिस्प्ले केस