Bang & Olufsen
Škandinávska galéria na porceláne. Keď je stránka B&O tmavá, dielo je osvetlené ako socha v polnočnom výklenku; keď je osvetlené, zdá sa, že dielo sa vznáša na bielom hodvábe a nič iné nerozptyľuje jeho pozornosť.
Spoločnosť Bang & Olufsen funguje na princípe galérie a múzea: takmer biele porcelánové plátna, na ktorých sa produkty vznášajú ako sochárske objekty, prerušované občasnými chromatickými vložkami, ktoré sa rozprestierajú po celej šírke obrazovky – tmavá ultramarínová fialová, ktorá pohlcuje celú obrazovku, niekedy sýta terakotová červená – pre emocionálne akcenty. Typografia je tvorená jedným, na mieru navrhnutým neogroteskným písmom (BeoSupreme), ktoré hovorí samo za seba: sotva viditeľné na veľkých obrazovkách, veľkoryso vyplnené veľké písmená na mikroštítkoch, nie sú potrebné žiadne ďalšie písma. Komponenty sú zredukované na minimum: priesvitné ovládacie prvky v tvare tabletky, tenké okraje, žiadne ozdobné tiene, žiadne prechodové tlačidlá, žiadne ikony. Mriežka je veľkorysá, negatívny priestor je luxus. Každý produkt má svoj vlastný plávajúci podstavec; okolitá biela je priestor. Farba je rozložená ako vzácny materiál – keď sa objaví, zaberá celý rám.
Kontajner s maximálnou šírkou 1440px je vycentrovaný a má horizontálne okraje 25px na okrajoch. Prvok hrdinu zaberá celú šírku stránky (prerušuje kontajner) a ultramarínová kamera siaha od okraja k okraju. Mriežky produktov sú rovnomerne rozložené v 4-5 stĺpcoch s medzerami 25px a na mobilných zariadeniach sa posúvajú horizontálne. Sekcie sa striedajú medzi bielym pozadím a farebnými kamerami na celú šírku – rytmus je nasledovný: biela mriežka produktu → ultramarínový prvok hrdinu → biela mriežka produktu → sýty červený redakčný banner → biela mriežka produktu → ultramarínová päta. Navigácia je minimalistický horný panel, ktorý sa vznáša nad bielymi a farebnými sekciami (text je invertovaný na biely na tmavom pozadí). Stránka „dýcha“ – medzery medzi sekciami sú 60-80px, jednotlivé produkty majú svoj vlastný priestor v bunkách a nedochádza k žiadnej hustote informácií.
Produktová fotografia je jediným vizuálnym prvkom: žiadne obrázky životného štýlu, modelov ani environmentálneho kontextu. Produkty sú nasnímané na čisto neutrálnom pozadí (biela, čierna a gradientná tmavomodrá) s kontrolovaným štúdiovým osvetlením, ktoré zvýrazňuje materiály: matný hliník, textúru kože, eloxovanú meď a matný silikón. Orez je tesný, vycentrovaný a hlavný objekt je zdôraznený. Farebné podanie je tlmené a primerané materiálu: meď je vnímaná ako meď, nie ako „zlatá hodinka“. Sekundárne vizuálne motívy zahŕňajú riedke siluety produktov na celú obrazovku na pozadí sýtych, monochromatických plôch (ultramarínová, terakotová červená) pre dramatické redakčné momenty. Ikonografia: tenká 1px čiara, monochromatická čierna na bielom alebo biela na tmavom, geometrická, bez výplne, bez viacfarebnosti.
Paleta
Značka
- Ultramarine Velvet
#060daa— Obrázky na pozadí v hornej a dolnej časti stránok, dramatické sekcie, ktoré pokrývajú celú šírku stránky, a výplne päty – sýta, takmer čierno-modro-fialová farba používaná na pohltenie celých rámcov a dodanie divadelného nádychu jednému produktu.
Neutrálny
- Porcelain Canvas
#ffffff— Obrázky na pozadí stránky, dizajn karty produktu a navigačné panely sú základným kameňom, na ktorom je postavený každý produkt. - Bone
#fcfaee— Sekundárny povrch pre teplé neutrálne tónované bloky, text tlačidiel na tmavom pozadí, alternatívne plátno, keď biela pôsobí sterilne. - Obsidian
#191817— Hlavný text a text popisu produktu sú v teplej, takmer čiernej farbe, ktorá na bielom pozadí vyzerá jemnejšie ako čistý kód #000000. - Pure Ink
#000000— Obrysy ikon, mikroznačky, jemné orámovanie a najostrejšie textové kontrasty. - Graphite
#555555— Sekundárny text, metadáta, cenovky, tichý pomocný text - Mist
#e5e5e5— Tenké hranice vstupných údajov a jediný štrukturálny oddeľovač v systéme.
Typografia
od 12 do 36px · 5 krokov
- BeoSupreme — náhrada: Neue Haas Grotesk Display Pro (closest) · obrysy 400, 500, 700 · Jedno písmo, ktoré odráža celú identitu značky. Pre nadpisy a hlavičky: hrúbka 500–700, 24–36px s malým rozstupom písmen (-0,056 em → -0,014 em) pre sebavedomé a stručné nadpisy. Pre text textu a používateľské rozhranie: hrúbka 400, 14–16px, normálny rozstup písmen, riadkovanie 1,5–1,7. Mikroštítky (navigácia, ikony, slogan „Založené v roku 1925“): hrúbka 500, 9–12px s veľkým rozstupom písmen až do +0,143 em, zobrazené veľkými písmenami na použitie ako nenápadné architektonické anotácie. Neexistuje žiadne iné konkurenčné písmo.
- object-fit: cover; object-position: center; — náhrada: Inter · obrysy 400 · prispôsobenie-objektu: kryt; poloha-objektu: stred; - nájdené v extrahovaných dátach, ale neopísané umelou inteligenciou.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8-16px |
| Polomer tlačidla | 40px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 60-80px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Bang & Olufsen a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Structured — Renesančná galéria na papieri podobnom plastelíne
- Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
- Apple (España) — Výstavná sieň Obsidian Gallery je tmavá, kde na čiernom pozadí svieti jediný titánový predmet.
- 099 SUPPLY — Stena galérie plná čiernobielych predmetov
- Custo — Galéria v bronco-farbe s monolitickým písmom. Výstavná sieň v tlmených sivozelených tónoch, kde jeden tmavý objekt a písmo s veľkosťou 57px hovoria samy za seba.
- Apple (España) — Galéria Bieleho múzea na poludnie
- VITURE — Neónová prezentácia produktov za polnočným sklom – zatemnený showroom, kde jediný oranžový lúč prerezáva tmu a osvetľuje okuliare na stojane
- HNST Studio — Útulný ateliér s ľanovými látkami s hrdzavými škvrnami je galériou pomalej módy, kde jediný akcent spálenej oranžovej farby zahreje inak kláštorný interiér v krémovej a uhľovej farbe.
- OFFFICE : — noir galéria pohltená monolitickým písmom
- ARTU — Galérijná stena na bielom papieri. ARTU zaobchádza s vyhliadkovým priestorom ako s múzejnou rozloženou prezentáciou – veľkoformátové fotografie produktov, jemné označenia a jediný náznak limetky v spodnej časti, ktorý dotvára kompozíciu.
- Specht Studio — Galériová stena naplnená decentnou zvedavosťou. Chrómová povrchová úprava štúdia je biela a čierne písmo; vizuálny ohňostroj je úplne sústredený v rámci projektu.
- MindMarket — Útulná rozprávková kniha na krémovom papieri - príjemné redakčné plátno, kde na slnkom zaliatom, mäkkom povrchu ako nálepka koexistujú veľké titulky Interu a vystrihnuté papierové postavičky.