Bang & Olufsen
Скандинавска галерия върху порцелан. Когато страницата B&O е тъмна, произведението е осветено, като скулптура в полунощна ниша; когато е осветено, произведението сякаш се носи върху бяла коприна, без нищо друго да разсейва вниманието му.
Bang & Olufsen работи на принципа на галерия-музей: почти бели порцеланови платна, върху които продуктите се носят като скулптурни обекти, прекъсвани от случайни хроматични вложки, обхващащи цялата ширина на екрана - наситено ултрамаринено виолетово, което поглъща целия екран, понякога богато теракотено червено - за емоционални акценти. Типографията е един-единствен, специално проектиран неогротескен шрифт (BeoSupreme), който говори сам за себе си: едва забележим на големи екрани, щедро запълнени главни букви върху микроетикети, не са необходими други шрифтове. Компонентите са сведени до минимум: полупрозрачни контроли с форма на хапче, тънки рамки, без декоративни сенки, без градиентни бутони, без икони. Решетката е щедра, негативното пространство е лукс. Всеки продукт получава свой собствен плаващ цокъл; заобикалящото го бяло е пространство. Цветът е разпределен като ценен материал - когато се появи, той заема целия кадър.
Контейнерът с максимална ширина 1440px е центриран и има 25px хоризонтални полета по краищата. Елементът hero заема цялата ширина на страницата (разчупвайки контейнера), а ултрамаринената камера се простира от край до край. Продуктовите решетки са разположени равномерно в 4-5 колони с 25px интервали и се превъртат хоризонтално на мобилни устройства. Секциите се редуват между бял фон и цветни камери с пълна ширина - ритъмът е следният: бяла продуктова решетка → ултрамаринен героен елемент → бяла продуктова решетка → наситеночервен редакционен банер → бяла продуктова решетка → ултрамаринен долен колонтитул. Навигацията е минималистична горна лента, която се носи над белите и цветните секции (текстът е обърнат към бяло на тъмен фон). Страницата „диша“ - интервалите между секциите са 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) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Structured — Галерия „Ренесанс“ върху хартия, подобна на пластилин
- Apple (España) — Галерията на музея, осветена от мека дневна светлина, е едно-единствено, завладяващо, безтегловно бяло пространство, като всеки експонат е осветен от прожектор на фона на леко тонирана стена.
- Apple (España) — Витрината на галерия „Обсидиан“ е тъмна изложбена зала, където един-единствен титаниев обект свети на тъмночерен фон.
- 099 SUPPLY — Галерийна стена, изпълнена с черно-бели предмети
- Custo — Галерия в цвят оръжеен метал с монолитен шрифт. Шоурум в приглушени сиво-зелени тонове, където един-единствен тъмен обект и шрифт с размер 57px говорят сами за себе си.
- Apple (España) — Галерията на Белия музей по обяд
- VITURE — Неонова продуктова презентация зад полунощно стъкло – затъмнен шоурум, където един-единствен оранжев лъч прорязва тъмнината, осветявайки чифт очила на стойка
- HNST Studio — Уютно студио с ленени тъкани, оцветени в ръжда, е галерия за бавна мода, където един-единствен акцент от изгоряло оранжево затопля иначе монашеския интериор в кремаво и въглен.
- OFFFICE : — галерия от ноар, обгърната от монолитен шрифт
- ARTU — Галерийна стена върху бяла хартия. ARTU третира пространството за гледане като музейно разгръщане – мащабни продуктови снимки, фини маркировки и едно-единствено докосване на лайм в долната част, което завършва композицията.
- Specht Studio — Галерийна стена, изпълнена с дискретно любопитство. Хромираното покритие на студиото е бяла повърхност с черни букви; визуалните фойерверки са изцяло концентрирани в плочките на проекта.
- MindMarket — Уютна книжка с приказки върху кремава хартия - приветливо редакционно платно, където големи заглавия на Интер и изрязани хартиени герои съжителстват върху обляна от слънце, мека като стикер повърхност.