Bang & Olufsen
Скандинавия фарфор галереясе. B&O бите караңгы булганда, әсәр төн уртасындагы скульптура кебек яктыртыла; яктыртылганда, әсәр ак ефәк өстендә йөзеп йөргән кебек тоела, игътибарын читкә юнәлтер өчен башка бернәрсә дә юк.
Bang & Olufsen галерея-музей принцибы буенча эшли: ак төстәге фарфор полотнолар, аларда продуктлар скульптура объектлары кебек йөзеп тора, экранның бөтен киңлеген колачлаган вакыт-вакыт хроматик өстәмәләр белән өзелә - бөтен экранны йотып алган тирән ультрамарин шәмәхә төс, кайвакыт бай терракота кызылы - эмоциональ акцентлар өчен. Типография - үзе өчен сөйли торган бердәнбер, махсус эшләнгән нео-гротеск шрифты (BeoSupreme): зур экраннарда сизелерлек түгел, микроэтикеткаларда мул итеп тутырылган баш хәрефләр, башка шрифтлар кирәк түгел. Компонентлар минимальләштерелгән: үтә күренмәле таблетка формасындагы идарә итү элементлары, нечкә чикләр, декоратив күләгәләр юк, градиент төймәләр юк, иконалар юк. Решетка киң, тискәре урын - люкс. Һәр продуктка үзенең йөзүче плинтусы бирелгән; тирә-юньдәге ак - урын. Төс кыйммәтле материал кебек таратыла - ул күренгәч, ул бөтен кадрны били.
1440 пиксель максималь киңлектәге контейнер үзәктә урнашкан һәм кырыйларында 25 пиксель горизонталь кырлар бар. Герой элементы битнең бөтен киңлеген били (контейнерны ярып), ә ультрамарин камера кырыйдан кырыйга сузыла. Продукт челтәрләре 25 пиксель аралар белән 4-5 баганага тигез итеп урнаштырылган һәм мобиль җайланмаларда горизонталь рәвештә әйләндерелә. Бүлекләр ак фон һәм тулы киңлекле төсле камералар арасында чиратлаша - ритм түбәндәгечә: ак продукт челтәре → ультрамарин герой элементы → ак продукт челтәре → бай кызыл редакция баннеры → ак продукт челтәре → ультрамарин аскы колонтитулы. Навигация - ак һәм төсле бүлекләр өстендә йөзеп йөрүче минималист өске панель (караңгы фонда текст ак төскә кире кайтарылган). Бит "сулыш ала" - бүлекләр арасындагы аралар 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 · объект-сыйфат: каплау; объект-позиция: үзәк; - алынган мәгълүматларда табыла, ләкин ясалма интеллект тарафыннан тасвирланмаган.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 8-16px |
| Төймә радиусы | 40px |
| Карта радиусы | 0px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 60-80px |
| Бит киңлеге | 1440px |
Ясалма интеллект сезнең сайтны Bang & Olufsen стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Structured — Пластилинга охшаган кәгазьдә Яңарыш галереясе
- Apple (España) — Йомшак көндезге яктылыкта музей галереясе - бер, җәлеп итүче, авырлыксыз ак киңлек, һәр экспонат җиңел төстәге диварга фонарь белән яктыртылган.
- Apple (España) — Обсидиан галереясе күргәзмәсе - караңгы күргәзмә залы, анда кап-кара фонда бер титан әйбер балкый.
- 099 SUPPLY — Кара һәм ак әйберләр белән тулы галерея стенасы
- Custo — Монолит шрифтлы гантел төсендәге галерея. Тонык соры-яшел төсләрдәге күргәзмә залы, анда бер караңгы объект һәм 57 пиксель шрифт үзләре өчен сөйли.
- Apple (España) — Ак музей галереясе көндезге сәгатьләрдә
- VITURE — Төнге пыяла артындагы неон продукт презентациясе - караңгы күргәзмә залында бер генә кызгылт сары нур караңгылыкны кисеп үтеп, стендтагы күзлекне яктырта.
- HNST Studio — Тутыккан җитен тукымалар белән бизәлгән уңайлы студия - акрын мода галереясе, анда янган кызгылт сары төснең бер генә акценты каймак һәм күмер төсендәге монастырь интерьерны җылыта.
- OFFFICE : — монолит шрифт белән тулган нуар галереясе
- ARTU — Ак кәгазьдә галерея стенасы. ARTU карау мәйданын музей мәйданы кебек карый - зур күләмле продукт фотолары, нечкә билгеләр һәм аскы өлештә композицияне тулыландыра торган бер генә известь тамчысы.
- Specht Studio — Галерея стенасы игътибар белән тулы. Студиянең хром белән бизәлгән өлеше ак өслектән һәм кара хәрефләрдән тора; визуаль фейерверклар тулысынча проектның плитка эшләренә тупланган.
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.