Bang & Olufsen
گالری اسکاندیناویایی روی ظروف چینی. وقتی صفحه B&O تاریک است، اثر هنری روشن میشود، مانند مجسمهای در یک طاقچه نیمهشب؛ وقتی روشن میشود، به نظر میرسد که اثر هنری روی ابریشم سفید شناور است و هیچ چیز دیگری توجه آن را منحرف نمیکند.
بنگ اند اولافسن بر اساس اصل گالری-موزه عمل میکند: بومهای چینی تقریباً سفید که محصولات روی آنها مانند اشیاء مجسمهسازی شناور هستند و گاهی اوقات با درجهای رنگی که کل عرض صفحه را میپوشانند، قطع میشوند - بنفشه اولترامارین تیره که کل صفحه را میپوشاند، گاهی اوقات قرمز مایل به قهوهای غنی - برای تأکیدهای احساسی. تایپوگرافی یک فونت نئوگروتسک تکی و سفارشی (BeoSupreme) است که خود گویای همه چیز است: به سختی در صفحههای نمایش بزرگ قابل توجه است، حروف بزرگ روی میکروبرچسبها به طور سخاوتمندانهای پر شدهاند، هیچ فونت دیگری لازم نیست. اجزا به حداقل کاهش یافتهاند: کنترلهای قرصی شکل شفاف، حاشیههای نازک، بدون سایههای تزئینی، بدون دکمههای گرادیان، بدون آیکون. شبکه سخاوتمندانه است، فضای منفی یک تجمل است. به هر محصول پایه شناور مخصوص به خود داده شده است؛ سفیدی اطراف فضا است. رنگ مانند یک ماده گرانبها توزیع شده است - وقتی ظاهر میشود، کل قاب را اشغال میکند.
کانتینر با حداکثر عرض ۱۴۴۰ پیکسل در مرکز قرار گرفته و دارای ۲۵ پیکسل حاشیه افقی در لبهها است. عنصر قهرمان (hero) کل عرض صفحه را اشغال میکند (کانتینر را میشکند) و دوربین اولترامارین از لبهای به لبه دیگر امتداد مییابد. شبکههای محصول به طور مساوی در ۴-۵ ستون با فواصل ۲۵ پیکسلی قرار گرفتهاند و در دستگاههای تلفن همراه به صورت افقی اسکرول میشوند. بخشها بین پسزمینه سفید و دوربینهای رنگی تمام عرض به طور متناوب تغییر میکنند - ریتم به شرح زیر است: شبکه محصول سفید → عنصر قهرمان اولترامارین → شبکه محصول سفید → بنر سرمقاله قرمز پررنگ → شبکه محصول سفید → پاورقی اولترامارین. ناوبری یک نوار بالایی مینیمالیستی است که بالای بخشهای سفید و رنگی شناور است (متن در پسزمینه تیره به سفید معکوس شده است). صفحه "نفس میکشد" - فواصل بین بخشها ۶۰-۸۰ پیکسل است، محصولات جداگانه فضای مخصوص به خود را در سلولها دارند و هیچ تراکم اطلاعاتی وجود ندارد.
عکاسی محصول تنها عنصر بصری است: هیچ تصویر سبک زندگی، مدل یا زمینه محیطی وجود ندارد. محصولات در برابر پسزمینههای کاملاً خنثی (سفید، سیاه و آبی تیره گرادیانی) با نورپردازی استودیویی کنترلشده که مواد را برجسته میکند، عکاسی میشوند: آلومینیوم مات، بافت چرم، مس آنودایز شده و سیلیکون مات. برشها دقیق، متمرکز و سوژه اصلی مورد تأکید قرار میگیرد. نمایش رنگها ملایم و متناسب با مواد است: مس به عنوان مس درک میشود، نه به عنوان "ساعت طلایی". نقوش بصری ثانویه شامل سیلوئتهای محصول تمام صفحه و پراکنده در برابر صفحات غنی و تک رنگ (اولترامارین، قرمز مایل به قهوهای) برای لحظات ویرایشی دراماتیک است. آیکونوگرافی: خط نازک ۱ پیکسلی، سیاه تک رنگ روی سفید یا سفید روی تیره، هندسی، بدون پر کردن، بدون چند رنگ.
پالت
برند
- Ultramarine Velvet
#060daa— تصاویر پسزمینه در بالا و پایین صفحات، بخشهای نمایشی که کل عرض صفحه را میپوشانند، و قسمتهای پر شده در پاورقی - رنگی غنی، تقریباً مشکی-آبی-بنفش که برای پوشاندن کل فریمها و ایجاد حس تئاتری به یک محصول واحد استفاده میشود.
خنثی
- Porcelain Canvas
#ffffff— تصاویر پسزمینه صفحه، طراحی کارت محصول و نوارهای ناوبری، پایههای اساسی هستند که هر محصولی بر اساس آنها ساخته میشود. - Bone
#fcfaee— یک سطح ثانویه برای بلوکهایی با تُن گرم و خنثی، متن دکمه روی پسزمینه تیره، یک بوم جایگزین وقتی رنگ سفید بیروح به نظر میرسد. - Obsidian
#191817— متن اصلی و متن توضیحات محصول، رنگی گرم و تقریباً سیاه دارند که ملایمتر از رنگ خالص #۰۰۰۰۰۰ روی پسزمینه سفید به نظر میرسد. - Pure Ink
#000000— خطوط کلی آیکونها، میکروتگها، حاشیههای ظریف و شدیدترین تضادهای متنی. - Graphite
#555555— متن ثانویه، فراداده، برچسب قیمت، متن کمکی بیصدا - Mist
#e5e5e5— مرزهای داده ورودی نازک و تنها جداکننده ساختاری در سیستم.
تایپوگرافی
از ۱۲ تا ۳۶ پیکسل · ۵ مرحله
- BeoSupreme — جایگزینی: Neue Haas Grotesk Display Pro (closest) · طرح کلی 400, 500, 700 · یک فونت واحد که کل هویت برند را منعکس میکند. برای عناوین و سرتیترها: وزن ۵۰۰-۷۰۰، ۲۴-۳۶ پیکسل با فاصله حروف کم (-۰.۰۵۶em → -۰.۰۱۴em) برای تیترهای مختصر و مطمئن. برای متن بدنه و رابط کاربری: وزن ۴۰۰، ۱۴-۱۶px، فاصله حروف معمولی، فاصله خطوط ۱.۵-۱.۷. میکروبرچسبها (نویگیشن، آیکونها، شعار «تأسیس در ۱۹۲۵»): وزن ۵۰۰، ۹-۱۲px با فاصله حروف زیاد تا +۰.۱۴۳em، با حروف بزرگ نمایش داده میشوند تا به عنوان حاشیهنویسیهای معماری نامحسوس استفاده شوند. هیچ فونت رقیب دیگری وجود ندارد.
- object-fit: cover; object-position: center; — جایگزینی: Inter · طرح کلی 400 · تناسب شیء: پوشش؛ موقعیت شیء: مرکز؛ - در دادههای استخراجشده یافت میشود اما توسط هوش مصنوعی توصیف نمیشود.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 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 — دیوار گالری روی کاغذ سفید. ARTU با فضای نمایش مانند یک موزه برخورد میکند - عکسهای محصول در مقیاس بزرگ، نشانههای ظریف و یک لایه آهک در پایین که ترکیب را کامل میکند.
- Specht Studio — دیواری پر از کنجکاوی پنهان. روکش کرومی مخصوص استودیو، سطحی سفید و حروف مشکی است؛ جلوههای بصری آتشبازی کاملاً در کاشیکاری پروژه متمرکز شدهاند.
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.