Bang & Olufsen
पोर्सिलेनवरील स्कँडिनेव्हियन गॅलरी. जेव्हा B&O चे पान अंधारात असते, तेव्हा ही कलाकृती मध्यरात्रीच्या कोनाड्यातील शिल्पाप्रमाणे प्रकाशित होते; आणि जेव्हा ती प्रकाशित होते, तेव्हा तिचे लक्ष विचलित करण्यासाठी दुसरे काहीही नसताना, ती पांढऱ्या रेशमावर तरंगत असल्यासारखी दिसते.
बँग अँड ओलुफसेन एका गॅलरी-संग्रहालयाच्या तत्त्वावर काम करते: जवळजवळ पांढऱ्या पोर्सिलेनच्या कॅनव्हासवर उत्पादने शिल्पकलेच्या वस्तूंप्रमाणे तरंगतात, आणि भावनिक छटा देण्यासाठी अधूनमधून स्क्रीनच्या संपूर्ण रुंदीवर पसरलेले रंगीत पट्टे त्यात व्यत्यय आणतात—एक गडद अल्ट्रामरीन जांभळा रंग जो संपूर्ण स्क्रीन व्यापतो, तर कधीकधी एक समृद्ध टेराकोटा लाल रंग. टायपोग्राफी ही एकच, खास डिझाइन केलेली निओ-ग्रोटेस्क टाइपफेस (BeoSupreme) आहे, जी स्वतःच बोलते: मोठ्या स्क्रीनवर क्वचितच लक्षात येणारी, मायक्रो-लेबलवर भरपूर भरलेली मोठी अक्षरे, आणि इतर कोणत्याही टाइपफेसची आवश्यकता नाही. घटक कमीत कमी ठेवले आहेत: अर्धपारदर्शक गोळीच्या आकाराची नियंत्रणे, पातळ कडा, सजावटीच्या सावल्या नाहीत, ग्रेडियंट बटणे नाहीत, आयकॉन्स नाहीत. ग्रिड प्रशस्त आहे, रिकामी जागा ही एक लक्झरी आहे. प्रत्येक उत्पादनाला स्वतःचा तरंगता चौथरा दिला जातो; सभोवतालची पांढरी जागा हीच मोकळी जागा आहे. रंग एखाद्या मौल्यवान वस्तूप्रमाणे वितरित केला जातो—जेव्हा तो दिसतो, तेव्हा तो संपूर्ण फ्रेम व्यापतो.
१४४०px कमाल रुंदीचा कंटेनर मध्यभागी आहे आणि त्याच्या कडांना २५px चे आडवे मार्जिन आहे. हिरो एलिमेंट पानाच्या संपूर्ण रुंदीत पसरलेला आहे (कंटेनरला तोडून), आणि गडद निळ्या रंगाचा कॅमेरा एका कडेपासून दुसऱ्या कडेपर्यंत विस्तारलेला आहे. प्रॉडक्ट ग्रिड्स २५px च्या अंतराने ४-५ स्तंभांमध्ये समान रीतीने मांडलेले आहेत आणि मोबाईल उपकरणांवर ते आडवे स्क्रोल होतात. विभागांमध्ये पांढरी पार्श्वभूमी आणि पूर्ण-रुंदीचे रंगीत कॅमेरे एकाआड एक येतात—त्यांची लय खालीलप्रमाणे आहे: पांढरा प्रॉडक्ट ग्रिड → गडद निळ्या रंगाचा हिरो एलिमेंट → पांढरा प्रॉडक्ट ग्रिड → गडद लाल रंगाचा संपादकीय बॅनर → पांढरा प्रॉडक्ट ग्रिड → गडद निळ्या रंगाचा फुटर. नेव्हिगेशन ही एक किमानवादी टॉप बार आहे जी पांढऱ्या आणि रंगीत विभागांच्या वर तरंगते (गडद पार्श्वभूमीवर मजकूर उलट्या पांढऱ्या रंगात आहे). पान "श्वास घेते"—विभागांमधील अंतर ६०-८०px आहे, प्रत्येक उत्पादनाला सेलमध्ये स्वतःची जागा आहे आणि माहितीची घनता नाही.
उत्पादन छायाचित्रण हा एकमेव दृश्य घटक आहे: जीवनशैलीची छायाचित्रे, मॉडेल्स किंवा पर्यावरणीय संदर्भ नाहीत. उत्पादनांचे छायाचित्रण पूर्णपणे तटस्थ पार्श्वभूमीवर (पांढरा, काळा आणि ग्रेडियंट गडद निळा) नियंत्रित स्टुडिओ प्रकाशयोजनेद्वारे केले जाते, जी मॅट ॲल्युमिनियम, चामड्याचा पोत, ॲनोडाइज्ड तांबे आणि मॅट सिलिकॉन यांसारख्या सामग्रीला ठळकपणे दर्शवते. क्रॉपिंग घट्ट, मध्यभागी केलेले असते आणि मुख्य विषयावर जोर दिला जातो. रंगसंगती सौम्य आणि सामग्रीला अनुरूप असते: तांबे हे तांबे म्हणूनच दिसते, 'गोल्डन अवर' म्हणून नाही. दुय्यम दृश्य घटकांमध्ये नाट्यमय संपादकीय क्षणांसाठी गडद, एकरंगी पृष्ठभागांवर (अल्ट्रामरीन, टेराकोटा लाल) विरळ, पूर्ण-स्क्रीन उत्पादन सिल्हूट्सचा समावेश आहे. चिन्हांकन: पातळ १ पिक्सेल रेषा, पांढऱ्यावर एकरंगी काळा किंवा गडद रंगावर पांढरा, भौमितिक, कोणताही फिल नाही, कोणताही बहुरंगी नाही.
पॅलेट
ब्रँड
- Ultramarine Velvet
#060daa— पानांच्या वर आणि खाली असलेली पार्श्वभूमी चित्रे, पानाच्या संपूर्ण रुंदीवर पसरलेले नाट्यमय विभाग, आणि फुटर फिल्स—संपूर्ण फ्रेम व्यापण्यासाठी आणि एकाच उत्पादनाला नाट्यमय अनुभव देण्यासाठी वापरलेला एक गडद, जवळजवळ काळा-निळा-जांभळा रंग.
तटस्थ
- Porcelain Canvas
#ffffff— पेजची पार्श्वभूमी प्रतिमा, उत्पादन कार्ड डिझाइन आणि नॅव्हिगेशन बार हे मूलभूत पाया आहेत ज्यावर प्रत्येक उत्पादन तयार केले जाते. - Bone
#fcfaee— उबदार, तटस्थ रंगांच्या ठोकळ्यांसाठी एक दुय्यम पृष्ठभाग, गडद पार्श्वभूमीवरील बटणावरील मजकूर, जेव्हा पांढरा रंग निर्जीव वाटतो तेव्हा एक पर्यायी कॅनव्हास. - Obsidian
#191817— मुख्य मजकूर आणि उत्पादनाचे वर्णन हे उबदार, जवळजवळ काळ्या रंगाचे असून, ते पांढऱ्या पार्श्वभूमीवर शुद्ध #000000 पेक्षा अधिक सौम्य दिसते. - Pure Ink
#000000— आयकॉनच्या बाह्यरेखा, मायक्रोटॅग, नाजूक बॉर्डर आणि अत्यंत स्पष्ट टेक्स्ट कॉन्ट्रास्ट. - Graphite
#555555— दुय्यम मजकूर, मेटाडेटा, किंमत टॅग, मूक सहाय्यक मजकूर - Mist
#e5e5e5— पातळ इनपुट डेटा सीमा आणि प्रणालीमधील एकमेव संरचनात्मक विभाजक.
टायपोग्राफी
१२ ते ३६ पिक्सेल · ५ टप्पे
- BeoSupreme — बदली: Neue Haas Grotesk Display Pro (closest) · रूपरेषा 400, 500, 700 · संपूर्ण ब्रँड ओळख दर्शवणारा एकच फॉन्ट. शीर्षके आणि मथळ्यांसाठी: 500–700 वेट, 24–36px, आत्मविश्वासपूर्ण आणि संक्षिप्त हेडलाइन्ससाठी घट्ट लेटर स्पेसिंगसह (-0.056em → -0.014em). मुख्य मजकूर आणि UI साठी: 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; - काढलेल्या डेटामध्ये आढळले परंतु AI द्वारे वर्णन केलेले नाही.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 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 — गनमेटल रंगाची गॅलरी, ज्यात एकसंध फॉन्ट वापरला आहे. सौम्य राखाडी-हिरव्या रंगांच्या छटा असलेले एक शोरूम, जिथे एकच गडद वस्तू आणि ५७ पिक्सेलचा फॉन्ट स्वतःच सर्व काही सांगून जातात.
- Apple (España) — दुपारी व्हाईट म्युझियम गॅलरी
- VITURE — मध्यरात्रीच्या काचेमागे निऑन उत्पादनाचे सादरीकरण – एक अंधारलेला शोरूम, जिथे नारंगी रंगाचा एकच किरण अंधार भेदून स्टँडवरील चष्म्याच्या जोडीला उजळवतो.
- HNST Studio — गंजलेल्या डागांचे लिनेनचे कापड असलेला एक आरामदायक स्टुडिओ म्हणजे एक स्लो फॅशन गॅलरीच आहे, जिथे गडद केशरी रंगाचा एकच ठसा क्रीम आणि कोळशासारख्या राखाडी रंगाच्या एकांतमय अंतर्भागाला उबदारपणा देतो.
- OFFFICE : — एकसंध फॉन्टमध्ये वेढलेली एक नॉयर गॅलरी
- ARTU — पांढऱ्या कागदावर गॅलरीची भिंत. आर्टूने पाहण्याच्या जागेला संग्रहालयातील एखाद्या मोठ्या मांडणीप्रमाणे सादर केले आहे—मोठ्या आकाराचे उत्पादनांचे फोटो, सूक्ष्म खुणा आणि तळाशी चुन्याचा एक हलकासा स्पर्श जो या रचनेला पूर्ण करतो.
- Specht Studio — सूक्ष्म कुतूहलाने भरलेली एक गॅलरीची भिंत. स्टुडिओचे स्वतःचे क्रोम फिनिश म्हणजे पांढरा पृष्ठभाग आणि काळी अक्षरे; खरी दृश्यात्मक चमक संपूर्णपणे या प्रकल्पाच्या टाइलकामातच केंद्रित आहे.
- MindMarket — क्रीम रंगाच्या कागदावरील एक सुखद परीकथेचे पुस्तक - एक मैत्रीपूर्ण संपादकीय कॅनव्हास, जिथे सूर्यप्रकाशाने उजळलेल्या, स्टिकरसारख्या मऊ पृष्ठभागावर 'इंटर'च्या मोठ्या ठळक बातम्या आणि कापलेली कागदी पात्रे एकत्र नांदतात.