Bang & Olufsen
चीनी मिट्टी पर बनी स्कैंडिनेवियाई गैलरी कलाकृति। जब ब्लैक एंड ओ का पृष्ठ अंधेरा होता है, तो कलाकृति प्रकाशित हो उठती है, मानो आधी रात के एक कोने में रखी कोई मूर्ति हो; प्रकाशित होने पर, कलाकृति सफेद रेशम पर तैरती हुई प्रतीत होती है, मानो ध्यान भटकाने के लिए और कुछ भी न हो।
बैंग एंड ओलुफसेन गैलरी-म्यूज़ियम के सिद्धांत पर काम करता है: लगभग सफ़ेद पोर्सिलेन कैनवस पर उत्पाद मूर्तिकला की तरह तैरते हुए दिखाई देते हैं, जिनमें कभी-कभी स्क्रीन की पूरी चौड़ाई में फैले रंगीन इंसर्ट होते हैं—गहरा अल्ट्रामरीन बैंगनी जो पूरी स्क्रीन को ढक लेता है, कभी-कभी गहरा टेराकोटा लाल—भावनात्मक प्रभाव के लिए। टाइपोग्राफी एक ही, विशेष रूप से डिज़ाइन किया गया नियो-ग्रोटेस्क फॉन्ट (BeoSupreme) है जो अपने आप में ही सब कुछ बयां करता है: बड़ी स्क्रीन पर मुश्किल से दिखाई देता है, माइक्रो-लेबल पर बड़े अक्षरों में भरपूर लिखावट, किसी अन्य फॉन्ट की आवश्यकता नहीं। कंपोनेंट्स को न्यूनतम रखा गया है: पारदर्शी गोली के आकार के कंट्रोल, पतले बॉर्डर, कोई सजावटी छाया नहीं, कोई ग्रेडिएंट बटन नहीं, कोई आइकन नहीं। ग्रिड विशाल है, खाली जगह एक विलासिता है। प्रत्येक उत्पाद को अपना तैरता हुआ आधार दिया गया है; आसपास का सफ़ेद भाग खाली जगह है। रंग को एक कीमती सामग्री की तरह वितरित किया गया है—जब यह दिखाई देता है, तो यह पूरे फ्रेम को घेर लेता है।
1440px की अधिकतम चौड़ाई वाला कंटेनर केंद्र में स्थित है और किनारों पर 25px का क्षैतिज मार्जिन है। हीरो एलिमेंट पूरे पेज की चौड़ाई में फैला हुआ है (कंटेनर को तोड़ते हुए), और अल्ट्रामरीन कैमरा एक किनारे से दूसरे किनारे तक फैला हुआ है। प्रोडक्ट ग्रिड 25px के अंतराल के साथ 4-5 कॉलम में समान रूप से व्यवस्थित हैं और मोबाइल डिवाइस पर क्षैतिज रूप से स्क्रॉल होते हैं। सेक्शन सफेद बैकग्राउंड और पूरी चौड़ाई वाले रंगीन कैमरों के बीच बारी-बारी से आते हैं—क्रम इस प्रकार है: सफेद प्रोडक्ट ग्रिड → अल्ट्रामरीन हीरो एलिमेंट → सफेद प्रोडक्ट ग्रिड → गहरा लाल संपादकीय बैनर → सफेद प्रोडक्ट ग्रिड → अल्ट्रामरीन फुटर। नेविगेशन एक न्यूनतम टॉप बार है जो सफेद और रंगीन सेक्शन के ऊपर तैरता रहता है (गहरे बैकग्राउंड पर टेक्स्ट सफेद रंग में उल्टा दिखाई देता है)। पेज "सांस लेता हुआ" प्रतीत होता है—सेक्शन के बीच का अंतराल 60-80px है, प्रत्येक प्रोडक्ट को सेल के भीतर अपना स्थान मिलता है, और जानकारी का घनत्व नहीं है।
उत्पाद फोटोग्राफी ही एकमात्र दृश्य तत्व है: इसमें कोई लाइफस्टाइल इमेज, मॉडल या पर्यावरणीय संदर्भ शामिल नहीं हैं। उत्पादों की तस्वीरें पूरी तरह से तटस्थ पृष्ठभूमि (सफेद, काला और ग्रेडिएंट गहरा नीला) के सामने ली गई हैं, जिसमें नियंत्रित स्टूडियो लाइटिंग का उपयोग किया गया है जो सामग्रियों को उजागर करती है: मैट एल्यूमीनियम, चमड़े की बनावट, एनोडाइज्ड तांबा और मैट सिलिकॉन। क्रॉपिंग सटीक और केंद्रित है, और मुख्य विषय पर जोर दिया गया है। रंगों का प्रयोग संयमित और सामग्री के अनुरूप किया गया है: तांबे को तांबे के रूप में दर्शाया गया है, न कि "गोल्डन आवर" के रूप में। द्वितीयक दृश्य रूपांकनों में नाटकीय संपादकीय क्षणों के लिए समृद्ध, मोनोक्रोमैटिक सतहों (अल्ट्रामरीन, टेराकोटा लाल) के सामने विरल, पूर्ण-स्क्रीन उत्पाद सिल्हूट शामिल हैं। आइकनोग्राफी: पतली 1px रेखा, मोनोक्रोम काला सफेद पर या सफेद गहरे रंग पर, ज्यामितीय, कोई फिल नहीं, कोई बहुरंग नहीं।
पैलेट
ब्रांड
- Ultramarine Velvet
#060daa— पेजों के ऊपर और नीचे की पृष्ठभूमि छवियां, पेज की पूरी चौड़ाई में फैले नाटकीय खंड, और फुटर फिल - एक समृद्ध, लगभग काला-नीला-बैंगनी रंग जिसका उपयोग पूरे फ्रेम को घेरने और एक ही उत्पाद को नाटकीय अनुभव देने के लिए किया जाता है।
तटस्थ
- Porcelain Canvas
#ffffff— पेज की पृष्ठभूमि छवियां, उत्पाद कार्ड डिजाइन और नेविगेशन बार वे मूलभूत आधार हैं जिन पर प्रत्येक उत्पाद निर्मित होता है। - Bone
#fcfaee— गर्म, तटस्थ रंगों वाले ब्लॉकों के लिए एक द्वितीयक सतह, गहरे रंग की पृष्ठभूमि पर बटन टेक्स्ट, एक वैकल्पिक कैनवास जब सफेद रंग नीरस लगता है। - Obsidian
#191817— मुख्य पाठ और उत्पाद विवरण का पाठ एक गर्म, लगभग काले रंग में है जो सफेद पृष्ठभूमि पर शुद्ध #000000 की तुलना में अधिक नरम दिखता है। - Pure Ink
#000000— आइकन की रूपरेखा, माइक्रोटैग, सूक्ष्म बॉर्डर और टेक्स्ट का सबसे तीखा कंट्रास्ट। - Graphite
#555555— द्वितीयक पाठ, मेटाडेटा, मूल्य टैग, मौन सहायक पाठ - Mist
#e5e5e5— इनपुट डेटा की पतली सीमाएं और सिस्टम में एकमात्र संरचनात्मक विभाजक।
टाइपोग्राफी
12 से 36px तक · 5 चरण
- BeoSupreme — प्रतिस्थापन: Neue Haas Grotesk Display Pro (closest) · रूपरेखा 400, 500, 700 · एक ऐसा फ़ॉन्ट जो संपूर्ण ब्रांड पहचान को दर्शाता है। शीर्षकों और हेडिंग्स के लिए: 500–700 वेट, 24–36px, कम अक्षर स्पेसिंग (-0.056em → -0.014em) के साथ, आत्मविश्वासपूर्ण और संक्षिप्त हेडलाइंस के लिए। बॉडी कॉपी और यूआई के लिए: 400 वेट, 14–16px, सामान्य अक्षर स्पेसिंग, लाइन स्पेसिंग 1.5–1.7। माइक्रोलेबल (नेविगेशन, आइकन, "1925 में स्थापित" स्लोगन): 500 वेट, 9–12px, +0.143em तक वाइड अक्षर स्पेसिंग के साथ, सभी बड़े अक्षरों में प्रदर्शित, ताकि यह एक सहज आर्किटेक्चरल एनोटेशन के रूप में काम करे। इसका कोई अन्य प्रतिस्पर्धी फ़ॉन्ट उपलब्ध नहीं है।
- object-fit: cover; object-position: center; — प्रतिस्थापन: Inter · रूपरेखा 400 · object-fit: cover; object-position: center; - निकाले गए डेटा में पाया गया लेकिन एआई द्वारा वर्णित नहीं है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 8-16px |
| बटन त्रिज्या | 40px |
| कार्ड त्रिज्या | 0px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 60-80px |
| पृष्ठ की चौड़ाई | 1440px |
एआई आपकी वेबसाइट को Bang & Olufsen शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Structured — प्लास्टिकिन जैसे कागज पर पुनर्जागरणकालीन गैलरी
- Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
- Apple (España) — ऑब्सीडियन गैलरी का प्रदर्शन कक्ष एक अंधेरा प्रदर्शनी हॉल है जहां एक अकेली टाइटेनियम वस्तु घोर काले बैकग्राउंड के सामने चमकती है।
- 099 SUPPLY — एक गैलरी की दीवार जो काले और सफेद रंग की वस्तुओं से भरी हुई है
- Custo — गहरे लाल रंग की गैलरी जिसमें एक ही अक्षर का बड़ा फॉन्ट इस्तेमाल किया गया है। एक शोरूम जिसमें हल्के भूरे-हरे रंग के शेड्स हैं, जहां एक ही गहरे रंग की वस्तु और 57px का फॉन्ट खुद ही अपनी कहानी बयां करते हैं।
- Apple (España) — दोपहर के समय व्हाइट म्यूजियम गैलरी
- VITURE — आधी रात के अंधेरे में जगमगाते शीशे के पीछे नियॉन लाइट से जगमगाता उत्पाद प्रदर्शन – एक अँधेरे शोरूम में जहाँ एक नारंगी किरण अँधेरे को चीरती हुई स्टैंड पर रखे चश्मे को रोशन कर रही है।
- HNST Studio — जंग के धब्बों से सने लिनेन के कपड़ों से सजा एक आरामदायक स्टूडियो एक स्लो फैशन गैलरी है, जहां जले हुए नारंगी रंग का एक हल्का सा स्पर्श क्रीम और चारकोल के अन्यथा मठ जैसे इंटीरियर को गर्माहट प्रदान करता है।
- OFFFICE : — एक मोनोलिथिक फॉन्ट में डूबी हुई एक नॉयर गैलरी
- ARTU — सफेद कागज पर गैलरी की दीवार। ARTU ने देखने की जगह को एक संग्रहालय के दृश्य की तरह प्रस्तुत किया है—बड़े आकार की उत्पाद तस्वीरें, सूक्ष्म चिह्न और नीचे चूने का एक हल्का सा स्पर्श जो रचना को पूरा करता है।
- Specht Studio — एक गैलरी की दीवार जो सूक्ष्म जिज्ञासा से भरी हुई है। स्टूडियो की अपनी क्रोम फिनिश एक सफेद सतह और काले अक्षरों वाली है; दृश्य चकाचौंध पूरी तरह से परियोजना के टाइलवर्क में केंद्रित है।
- MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।