Custo

गहरे लाल रंग की गैलरी जिसमें एक ही अक्षर का बड़ा फॉन्ट इस्तेमाल किया गया है। एक शोरूम जिसमें हल्के भूरे-हरे रंग के शेड्स हैं, जहां एक ही गहरे रंग की वस्तु और 57px का फॉन्ट खुद ही अपनी कहानी बयां करते हैं।

कस्टो औद्योगिक उत्पादों की एक गैलरी के रूप में कार्य करता है: एक गर्म धातुई कैनवास भौतिक उत्पाद के लिए पृष्ठभूमि का काम करता है, जबकि बड़े आकार के टाइपोग्राफी मुख्य दृश्य अलंकरण के रूप में कार्य करते हैं। यह सिस्टम पूरी तरह से रंगहीन है—इसमें कोई रंगीन रंग नहीं है—जिससे गहरे एनोडाइज्ड लेटरबॉक्स और एक ही सैन्स-सेरिफ़ टाइपफेस की ज्यामितीय गंभीरता ब्रांड के संपूर्ण व्यक्तित्व को व्यक्त करती है। प्रत्येक स्क्रीन विशाल सफेद स्थान और एक भव्य टाइपोग्राफिक अभिव्यक्ति के बीच संतुलन बनाती है, जिसमें ब्रांड चिह्न लगभग एक वास्तुशिल्पीय तत्व के रूप में दोहराया जाता है। सतहें सपाट और मैट हैं; गहराई उत्पाद की स्वयं की परावर्तनशीलता से उत्पन्न होती है, न कि छाया या ग्रेडिएंट से।

पेज लेआउट एक ऊर्ध्वाधर रूप से व्यवस्थित एकल-स्तंभ संरचना है, जिसमें सामग्री की अधिकतम चौड़ाई लगभग 1280px है और यह व्यूपोर्ट के केंद्र में स्थित है। मुख्य पेज एलिमेंट पूरे पेज की चौड़ाई में फैला हुआ है, जिसे किनारे से किनारे तक कैनवास गनमेटल #9ea29f फॉन्ट में रेंडर किया गया है। दाईं ओर बीच में एक मेलबॉक्स की तस्वीर है और नीचे की ओर 57px का CUSTO® लोगो लगा हुआ है। मुख्य एलिमेंट के नीचे, अनुभाग बारी-बारी से व्यवस्थित हैं: एक दो-स्तंभ वाला टेक्स्ट ब्लॉक (बाईं ओर छोटा कैप्शन, दाईं ओर बड़ा शीर्षक), उसके बाद तीन उत्पाद छवि कार्डों का एक क्षैतिज ग्रिड, फिर टेक्स्ट और छवियों की दो-स्तंभ वाली पंक्तियाँ, जिनके दोनों ओर मुख्य टेक्स्ट बारी-बारी से आता है। अनुभागों के बीच 110px का गैप है, जिससे पर्याप्त ऊर्ध्वाधर स्पेस मिलता है। नेविगेशन एक पारदर्शी टॉप बार है जो स्क्रॉल करने पर पेपर व्हाइट रंग में बदल जाता है। CES आइकन निचले दाएं कोने में एक स्थिर, फ्लोटिंग एलिमेंट है। समग्र लय गैलरी जैसी है: प्रत्येक अनुभाग में कुछ ही एलिमेंट, बड़ा फॉन्ट, चौड़ा स्पेस और टेक्स्ट स्ट्रिप्स के बीच दृश्य विराम चिह्न के रूप में एक उत्पाद फोटो।

ये तस्वीरें पूरी तरह से कस्टो मेलबॉक्स की प्रोडक्ट फोटोग्राफी हैं, जिन्हें तीन मोड में शूट किया गया है: मेटल फ्रेम के सामने फुल-लेंथ पोर्ट्रेट, डिवाइस के साथ मानव संपर्क को दर्शाने वाले लाइफस्टाइल शॉट्स, और स्कैनिंग इंटरफेस और एलईडी रिंग के क्लोज-अप। सभी तस्वीरें म्यूटेड, हाई-कॉन्ट्रास्ट टोन में ली गई हैं, जिसमें मेलबॉक्स का मैट ब्लैक फिनिश एक विजुअल एंकर के रूप में काम करता है। इसमें कोई इलस्ट्रेशन, एब्स्ट्रैक्ट ग्राफिक्स या स्टॉक फोटो नहीं हैं। तस्वीरों को 8px रेडियस वाले कार्ड पर रखा गया है या 57px लोगो के पीछे फुल-स्क्रीन पर इस्तेमाल किया गया है। CES आइकन पूरी वेबसाइट पर एकमात्र मल्टीकलर इमेज है।

ऑनलाइन स्टोर एक रंग का अधिमूल्य नरम प्रवणता

https://custo.io

पैलेट

तटस्थ

Canvas Gunmetal #9ea29f — मुख्य और थीम अनुभागों की गर्म ग्रे-हरे रंग की पृष्ठभूमि कस्टो को मानक सफेद SaaS टेम्पलेट्स से अलग करती है और डिजिटल सतह की तुलना में वास्तुशिल्प कंक्रीट की तरह महसूस होती है।
Obsidian #000000 — मुख्य पाठ, पतली बॉर्डर, आइकन स्ट्रोक - सिस्टम में उपलब्ध सबसे अधिक कंट्रास्ट वाली स्याही, जिसका उपयोग शीर्षकों और संरचनात्मक विभाजकों के लिए किया जाता है।
Paper White #ffffff — शरीर के अंगों की पृष्ठभूमि वाली छवियां, गनमेटल कैनवास पर उलटा पाठ, उत्पाद फोटोग्राफी की गहरी पृष्ठभूमि पर पाठ।
Anodized Graphite #4b514d — उत्पाद की फोटोग्राफी, अतिरिक्त शीर्षकों और त्रि-आयामी टेक्स्ट के लिए इस्तेमाल की गई काली सतह मेलबॉक्स की फिनिश से मेल खाती है, इसलिए यूजर इंटरफेस और उत्पाद दोनों एक ही सामग्री से बने हैं।
Brushed Steel #8e9194 — पेपर व्हाइट और ऑब्सीडियन के बीच में सूक्ष्म बॉडी टेक्स्ट, लिस्ट डिवाइडर और अतिरिक्त आइकन आउटलाइन मौजूद हैं, जिनमें एम्बेडेड मेटाडेटा और विवेकपूर्ण लिंक शामिल हैं।
Linen Mist #a7aaad — हेडिंग और डिवाइडिंग लाइनों के लिए बॉर्डर और डिवाइडर का हल्का रंग एक सूक्ष्म शेड है जो कभी भी ओब्सीडियन रंग की संरचनात्मक रेखाओं के साथ प्रतिस्पर्धा नहीं करता है।

टाइपोग्राफी

15 से 57px तक · 5 चरण

PP Neue Montreal — प्रतिस्थापन: Inter · रूपरेखा 400 (Medium) · बॉडी टेक्स्ट से लेकर व्याख्यात्मक टेक्स्ट तक, हर चीज़ के लिए एक ही फ़ॉन्ट परिवार की टाइपोग्राफिक प्रणाली का उपयोग किया जाता है—वज़न में ज्यामितीय एकरूपता इसकी विशेषता है, जिसमें किसी भी द्वितीयक या डिस्प्ले-विशिष्ट फ़ॉन्ट के उपयोग से बचा जाता है, इसलिए 57px पर सेट किया गया 'CUSTO®' वर्डमार्क 15px फॉर्म इनपुट फ़ील्ड लेबल के समान टाइपोग्राफिक परिवार का माना जाता है।

अंतराल और रूप

उद्देश्य	अर्थ
घनत्व	विशाल
बुनियादी कदम	24px
बटन त्रिज्या	31.35px (pill) for primary action; 8px for secondary
कार्ड त्रिज्या	8px
छैया छैया	नहीं - छाया के बजाय बॉर्डर
अनुभागों के बीच	110px
पृष्ठ की चौड़ाई	1280px

एआई आपकी वेबसाइट को Custo शैली में बनाएगा और उसमें डेटा भरेगा।

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

इस शैली में एक वेबसाइट बनाएं

समान शैलियाँ

099 SUPPLY — एक गैलरी की दीवार जो काले और सफेद रंग की वस्तुओं से भरी हुई है
Specht Studio — एक गैलरी की दीवार जो सूक्ष्म जिज्ञासा से भरी हुई है। स्टूडियो की अपनी क्रोम फिनिश एक सफेद सतह और काले अक्षरों वाली है; दृश्य चकाचौंध पूरी तरह से परियोजना के टाइलवर्क में केंद्रित है।
Structured — प्लास्टिकिन जैसे कागज पर पुनर्जागरणकालीन गैलरी
Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
VSCO — गैलरी की मोनोक्रोम दीवार पर काले और सफेद रंग की तस्वीरों की प्रदर्शनी लगी है, जहां एक गर्म स्पॉटलाइट अगली घटना को रोशन करती है।
Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
Peak Design — गैलरी की दीवार, आंशिक रूप से प्रकाशित
Apple (España) — ऑब्सीडियन गैलरी का प्रदर्शन कक्ष एक अंधेरा प्रदर्शनी हॉल है जहां एक अकेली टाइटेनियम वस्तु घोर काले बैकग्राउंड के सामने चमकती है।
Apple (España) — सफेद गैलरी डिस्प्ले केस
teenage engineering — स्टूडियो लाइटिंग में औद्योगिक कैटलॉग - पृष्ठ पर उत्पाद ही एकमात्र महत्वपूर्ण वस्तु है, और बाकी सब कुछ इसके इर्द-गिर्द ही चर्चा की जाती है।
Apple (España) — सुबह की धुंध में एक गैलरी की खिड़की
Apple (España) — दोपहर के समय व्हाइट म्यूजियम गैलरी