Bang & Olufsen
معرض إسكندنافي على الخزف. عندما تكون صفحة B&O مظلمة، تُضاء القطعة، مثل تمثال في ركن ليلي؛ وعندما تُضاء، تبدو القطعة وكأنها تطفو على حرير أبيض، دون أي شيء آخر يصرف انتباهها.
تعتمد Bang & Olufsen على مبدأ المعرض الفني أو المتحف: لوحات خزفية بيضاء تقريبًا تطفو عليها المنتجات كقطع فنية منحوتة، تتخللها أحيانًا لمسات لونية تمتد على كامل عرض الشاشة - لون بنفسجي داكن يغمر الشاشة بأكملها، وأحيانًا لون أحمر طيني غني - لإضفاء لمسة عاطفية. أما الطباعة فهي عبارة عن خط نيو-غروتيسك واحد مصمم خصيصًا (BeoSupreme) يتحدث عن نفسه: بالكاد يُلاحظ على الشاشات الكبيرة، وأحرف كبيرة ممتلئة على الملصقات الصغيرة، ولا حاجة لأي خطوط أخرى. تم تقليل المكونات إلى الحد الأدنى: أزرار تحكم شفافة على شكل حبة دواء، وحدود رفيعة، ولا ظلال زخرفية، ولا أزرار متدرجة، ولا أيقونات. الشبكة واسعة، والمساحة الفارغة رفاهية. يُمنح كل منتج قاعدة عائمة خاصة به؛ واللون الأبيض المحيط به هو المساحة. يُوزع اللون كمادة ثمينة - عندما يظهر، فإنه يشغل الإطار بأكمله.
يتم توسيط الحاوية التي يبلغ عرضها الأقصى 1440 بكسل، مع هوامش أفقية بعرض 25 بكسل على الحواف. يشغل عنصر البطل كامل عرض الصفحة (مما يكسر الحاوية)، وتمتد الكاميرا الزرقاء الداكنة من الحافة إلى الحافة. تُعرض شبكات المنتجات بشكل متساوٍ في 4-5 أعمدة بمسافات 25 بكسل بينها، ويمكن التمرير أفقيًا على الأجهزة المحمولة. تتناوب الأقسام بين خلفية بيضاء وكاميرات ملونة بعرض كامل، وذلك وفقًا للتسلسل التالي: شبكة منتجات بيضاء ← عنصر بطل أزرق داكن ← شبكة منتجات بيضاء ← لافتة تحريرية حمراء داكنة ← شبكة منتجات بيضاء ← تذييل أزرق داكن. شريط التنقل العلوي بسيط ويطفو فوق الأقسام البيضاء والملونة (يتم عكس النص إلى اللون الأبيض على خلفية داكنة). تتميز الصفحة بتصميمها المريح، حيث تتراوح المسافات بين الأقسام بين 60 و80 بكسل، ولكل منتج مساحته الخاصة داخل الخلايا، ولا يوجد تكدس للمعلومات.
يُعدّ تصوير المنتجات العنصر البصري الوحيد: لا صور لنمط الحياة، ولا عارضين، ولا سياق بيئي. تُصوَّر المنتجات على خلفيات محايدة تمامًا (أبيض، أسود، وتدرج أزرق داكن) بإضاءة استوديو مضبوطة تُبرز المواد: ألومنيوم غير لامع، نسيج جلدي، نحاس مؤكسد، وسيليكون غير لامع. يتم اقتصاص الصورة بدقة وتمركزها، مع التركيز على العنصر الرئيسي. أما الألوان، فهي هادئة وملائمة للمادة: يُنظر إلى النحاس على أنه نحاس، وليس بلون "الساعة الذهبية". تشمل العناصر البصرية الثانوية صورًا ظلية بسيطة للمنتجات بملء الشاشة على خلفيات أحادية اللون غنية (أزرق بحري، أحمر طيني) لإضفاء لمسة درامية على الصور. أما الرموز، فهي عبارة عن خط رفيع بسمك 1 بكسل، أسود أحادي اللون على أبيض أو أبيض على داكن، هندسية، بدون تعبئة، بدون ألوان متعددة.
لوحة الألوان
ماركة
- Ultramarine Velvet
#060daa— صور خلفية في أعلى وأسفل الصفحات، وأقسام مثيرة تمتد على كامل عرض الصفحة، وتعبئة التذييل - لون غني، يكاد يكون أسود-أزرق-بنفسجي، يستخدم لتغطية الإطارات بأكملها وإضفاء طابع مسرحي على منتج واحد.
حيادي
- Porcelain Canvas
#ffffff— تُعد صور خلفية الصفحة وتصميم بطاقة المنتج وأشرطة التنقل الأساس الذي يُبنى عليه كل منتج. - Bone
#fcfaee— سطح ثانوي للكتل ذات الألوان المحايدة الدافئة، ونص الأزرار على خلفية داكنة، ولوحة بديلة عندما يبدو اللون الأبيض معقماً. - Obsidian
#191817— النص الرئيسي ونص وصف المنتج بلون دافئ، يكاد يكون أسود، ويبدو أكثر نعومة من اللون #000000 النقي على خلفية بيضاء. - Pure Ink
#000000— الخطوط الخارجية للأيقونات، والعلامات الصغيرة، والحدود الدقيقة، وأعلى تباينات النصوص. - Graphite
#555555— نص ثانوي، بيانات وصفية، بطاقات أسعار، نص مساعد صامت - Mist
#e5e5e5— حدود بيانات الإدخال الرقيقة والفاصل الهيكلي الوحيد في النظام.
الطباعة
من 12 إلى 36 بكسل · 5 خطوات
- BeoSupreme — الاستبدال: Neue Haas Grotesk Display Pro (closest) · الخطوط العريضة 400, 500, 700 · خط واحد يعكس هوية العلامة التجارية بالكامل. للعناوين الرئيسية والفرعية: وزن 500-700، تباعد أحرف 24-36 بكسل مع تباعد ضيق بين الأحرف (-0.056em → -0.014em) لعناوين واضحة وموجزة. لنصوص المحتوى وواجهة المستخدم: وزن 400، تباعد أحرف 14-16 بكسل، تباعد أحرف عادي، تباعد أسطر 1.5-1.7. للعلامات الصغيرة (التنقل، الأيقونات، شعار "تأسست عام 1925"): وزن 500، تباعد أحرف 9-12 بكسل مع تباعد أحرف واسع يصل إلى +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 — معرض بلون معدني داكن مع خط كتابة ضخم. صالة عرض بألوان رمادية مخضرة هادئة، حيث يتحدث عنصر داكن واحد وخط كتابة بحجم 57 بكسل عن نفسه.
- Apple (España) — معرض المتحف الأبيض عند الظهر
- VITURE — عرض منتج مضاء بالنيون خلف زجاج داكن – صالة عرض مظلمة حيث يخترق شعاع برتقالي واحد الظلام، ليضيء زوجًا من النظارات على حامل
- HNST Studio — يُعد الاستوديو المريح ذو الأقمشة الكتانية الملطخة بالصدأ بمثابة معرض للأزياء المستدامة، حيث تضفي لمسة واحدة من اللون البرتقالي المحروق دفئًا على التصميم الداخلي البسيط ذي اللون الكريمي والفحمي.
- OFFFICE : — معرضٌ ذو طابعٍ سوداويّ مُحاطٌ بخطٍّ ضخمٍ.
- ARTU — جدار معرض على ورق أبيض. تعامل ARTU مساحة العرض كما لو كانت عرضًا متحفيًا - صور منتجات كبيرة الحجم، وعلامات دقيقة، ولمسة واحدة من الجير في الأسفل تُكمل التكوين.
- Specht Studio — جدار معرض مليء بالفضول الخفي. يتميز سطح الاستوديو المصنوع من الكروم باللون الأبيض والكتابة السوداء؛ وتتركز الألعاب النارية البصرية بالكامل داخل بلاط المشروع.
- MindMarket — كتاب قصص خيالية مريح مطبوع على ورق كريمي اللون - لوحة تحريرية ودية تتعايش فيها عناوين إنتر الكبيرة وشخصيات الورق المقصوصة على سطح ناعم مشمس.