Bang & Olufsen
Фарфордағы скандинавиялық галерея. B&O беті қараңғы болған кезде, шығарма түн ортасындағы мүсін сияқты жарықтанады; жарықтанған кезде, шығарма ақ жібекте қалқып жүргендей көрінеді, назарын басқа ештеңе аудармайды.
Bang & Olufsen галерея-мұражай қағидаты бойынша жұмыс істейді: бұйымдар мүсіндік заттар сияқты қалқып жүретін ақ түсті фарфор кенептер, экранның бүкіл енін қамтитын кейде хроматикалық кірістірулермен үзіліп қалады - бүкіл экранды жауып тұратын қою ультрамарин күлгін, кейде эмоционалды екпін үшін бай терракота қызылы. Типография - бұл өзі үшін сөйлейтін бірыңғай, арнайы жасалған нео-гротеск қаріпі (BeoSupreme): үлкен экрандарда әрең байқалады, микробелгілерде бас әріптер мол толтырылған, басқа қаріптер қажет емес. Компоненттер минимумға дейін азайтылған: мөлдір таблетка тәрізді басқару элементтері, жұқа жиектер, сәндік көлеңкелер жоқ, градиент түймелері жоқ, белгішелер жоқ. Тор кең, теріс кеңістік - бұл сән-салтанат. Әрбір өнімге өзіндік қалқымалы тұғыр берілген; айналасындағы ақ түс - кеңістік. Түс бағалы материал сияқты таратылады - ол пайда болған кезде, ол бүкіл кадрды алады.
1440 пиксельдік максималды ені бар контейнер орталықтандырылған және шеттерінде 25 пиксель көлденең жиектер бар. Батыр элементі беттің бүкіл енін алады (контейнерді бұзады), ал ультрамариндік камера шетінен шетіне дейін созылады. Өнім торлары 25 пиксельдік аралықпен 4-5 бағанға біркелкі орналастырылған және мобильді құрылғыларда көлденеңінен айналдырылады. Бөлімдер ақ фон мен толық енді түсті камералар арасында кезектесіп орналасады — ырғақ келесідей: ақ өнім торы → ультрамариндік батыр элементі → ақ өнім торы → қанық қызыл редакциялық баннер → ақ өнім торы → ультрамариндік төменгі колонтитул. Навигация - ақ және түрлі-түсті бөлімдердің үстінде қалқып жүретін минималистік жоғарғы жолақ (мәтін қараңғы фонда ақ түске төңкерілген). Бет «дем алады» — бөлімдер арасындағы аралық 60-80 пиксель, жеке өнімдердің ұяшықтарда өз кеңістігі бар және ақпарат тығыздығы жоқ.
Өнімнің фотосуреті жалғыз визуалды элемент болып табылады: өмір салтының суреттері, модельдер немесе қоршаған орта контексті жоқ. Өнімдер таза бейтарап фонда (ақ, қара және градиентті қою көк) түсіріледі, бұл ретте басқарылатын студиялық жарықтандыру материалдардың: күңгірт алюминийдің, былғары текстурасының, анодталған мыстың және күңгірт силиконның ерекшеліктерін көрсетеді. Қию тығыз, орталықтандырылған және негізгі нысанға баса назар аударылады. Түсті бейнелеу күңгірт және материалға сәйкес келеді: мыс «алтын сағат» ретінде емес, мыс ретінде қабылданады. Екінші реттік визуалды мотивтерге драмалық редакциялық сәттерді жасау үшін бай, монохроматикалық жазықтықтардағы (ультрамарин, терракота қызылы) сирек, толық экранды өнім силуэттері кіреді. Иконография: жіңішке 1px сызық, ақ түсте монохромды қара немесе қараңғы түсте ақ, геометриялық, толтырусыз, көп түсті емес.
Палитра
Бренд
- 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 · нысанға сәйкес келу: жабу; нысанның орналасуы: орталық; - алынған деректерден табылған, бірақ жасанды интеллектпен сипатталмаған.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 8-16px |
| Түйме радиусы | 40px |
| Карта радиусы | 0px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 60-80px |
| Беттің ені | 1440px |
Жасанды интеллект сіздің веб-сайтыңызды Bang & Olufsen стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Structured — Пластилин тәрізді қағаздағы Ренессанс галереясы
- Apple (España) — Мұражай галереясы күндізгі жарықта біртұтас, баурап алатын, салмақсыз ақ кеңістік болып табылады, әрбір экспонат ашық түсті қабырғаға қарсы прожектормен жарықтандырылған.
- Apple (España) — Obsidian галереясының көрмесі - қара фонда бір титан нысаны жарқырап тұрған қараңғы көрме залы.
- 099 SUPPLY — Ақ-қара заттарға толы галерея қабырғасы
- Custo — Монолитті қаріпі бар гантель түсті галерея. Бірыңғай қара нысан мен 57 пиксель қаріпі өздері үшін сөйлейтін сұр-жасыл реңктердегі көрме залы.
- Apple (España) — Ақ мұражай галереясы түскі уақытта
- VITURE — Түнгі әйнектің артындағы неон өнімдерінің тұсаукесері – қараңғылықты бір қызғылт сары сәуле кесіп өтіп, стендтегі көзілдірікті жарықтандыратын қараңғы көрме залы.
- HNST Studio — Тот басқан зығыр маталардан жасалған жайлы студия - баяу сән галереясы, онда күйген апельсиннің бір ғана екпіні кілегей мен көмірдің монастырлық интерьерін жылытады.
- OFFFICE : — монолитті қаріпке оранған нуар галереясы
- ARTU — Ақ қағаздағы галерея қабырғасы. ARTU көру кеңістігін мұражай кеңістігі сияқты қарастырады — үлкен көлемді өнімдердің фотосуреттері, нәзік белгілер және композицияны толықтыратын төменгі жағындағы әктің бір жағы.
- Specht Studio — Галерея қабырғасы жасырын қызығушылыққа толы. Студияның хроммен қапталған беті ақ және қара әріптермен безендірілген; көрнекі отшашулар толығымен жобаның плиткалық жұмыстарына шоғырланған.
- MindMarket — Крем қағазға басылған жайлы ертегі кітабы – күнге қыздырылған, стикер тәрізді жұмсақ бетінде үлкен Inter тақырыптары мен кесілген қағаз кейіпкерлері қатар орналасқан ыңғайлы редакциялық кенеп.