Bang & Olufsen
Skandinávská galerie na porcelánu. Když je stránka B&O tmavá, dílo je osvětlené jako socha v půlnočním výklenku; když je osvětlené, zdá se, že se dílo vznáší na bílém hedvábí a nic jiného nerozptyluje jeho pozornost.
Bang & Olufsen funguje na principu galerie-muzea: téměř bílá porcelánová plátna, na kterých se produkty vznášejí jako sochařské objekty, přerušovaná občasnými chromatickými vložkami, které se rozprostírají po celé šířce obrazovky – tmavě ultramarínová fialová, která pohlcuje celou obrazovku, někdy sytá terakotová červená – pro emocionální akcenty. Typografie je tvořena jediným, na míru navrženým neogroteskním písmem (BeoSupreme), které mluví samo za sebe: na velkých obrazovkách sotva patrné, velkoryse vyplněná velká písmena na mikroštítcích, žádná další písma nejsou potřeba. Komponenty jsou redukovány na minimum: průsvitné ovládací prvky ve tvaru pilulek, tenké okraje, žádné dekorativní stíny, žádná tlačítka s přechodem, žádné ikony. Mřížka je velkorysá, negativní prostor je luxus. Každý produkt má svůj vlastní plovoucí podstavec; okolní bílá je prostor. Barva je rozložena jako vzácný materiál – když se objeví, zabírá celý záběr.
Kontejner s maximální šířkou 1440 pixelů je vystředěný a má na okrajích vodorovné okraje 25 pixelů. Hero element zabírá celou šířku stránky (kontejner se tak přeruší) a ultramarínová kamera se rozprostírá od okraje k okraji. Produktové mřížky jsou rovnoměrně rozloženy ve 4–5 sloupcích s mezerami 25 pixelů a na mobilních zařízeních se posouvají vodorovně. Sekce se střídají mezi bílým pozadím a barevnými kamerami na celou šířku – rytmus je následující: bílá produktová mřížka → ultramarínový herní element → bílá produktová mřížka → sytě červený redakční banner → bílá produktová mřížka → ultramarínová patička. Navigace je minimalistický horní panel, který se vznáší nad bílou a barevnou sekcí (text je invertován do bílé na tmavém pozadí). Stránka „dýchá“ – mezery mezi sekcemi jsou 60–80 pixelů, jednotlivé produkty mají svůj vlastní prostor uvnitř buněk a nedochází k žádné hustotě informací.
Produktová fotografie je jediným vizuálním prvkem: žádné snímky životního stylu, modelů ani environmentálního kontextu. Produkty jsou fotografovány na čistě neutrálním pozadí (bílá, černá a tmavě modrá s přechodem) s kontrolovaným studiovým osvětlením, které zdůrazňuje materiály: matný hliník, texturu kůže, eloxovanou měď a matný silikon. Ořez je pevný, vycentrovaný a hlavní objekt je zdůrazněn. Barevné podání je tlumené a odpovídá materiálu: měď je vnímána jako měď, nikoli jako „zlatá hodinka“. Sekundární vizuální motivy zahrnují řídké siluety produktů přes celou obrazovku na pozadí sytých, monochromatických ploch (ultramarínová, terakotová červená) pro dramatické redakční momenty. Ikonografie: tenká čára o tloušťce 1px, monochromatická černá na bílé nebo bílá na tmavém, geometrická, bez výplně, bez vícebarevnosti.
Paleta
Značka
- Ultramarine Velvet
#060daa— Obrázky na pozadí v horní a dolní části stránek, dramatické sekce pokrývající celou šířku stránky a výplně zápatí – sytá, téměř černo-modro-fialová barva používaná k pohlcení celých snímků a dodání divadelního nádechu jednomu produktu.
Neutrální
- Porcelain Canvas
#ffffff— Obrázky na pozadí stránky, design karet produktů a navigační lišty jsou základním základem, na kterém je postaven každý produkt. - Bone
#fcfaee— Sekundární povrch pro teplé neutrální tónované bloky, text tlačítek na tmavém pozadí, alternativní plátno, když bílá působí sterilně. - Obsidian
#191817— Hlavní text a text popisu produktu jsou v teplé, téměř černé barvě, která na bílém pozadí vypadá jemněji než čistý kód #000000. - Pure Ink
#000000— Obrysy ikon, mikroznačky, jemné ohraničení a nejostřejší textové kontrasty. - Graphite
#555555— Sekundární text, metadata, cenovky, tichý pomocný text - Mist
#e5e5e5— Tenké hranice vstupních dat a jediný strukturální oddělovač v systému.
Typografie
od 12 do 36 pixelů · 5 kroků
- BeoSupreme — nahrazení: Neue Haas Grotesk Display Pro (closest) · obrysy 400, 500, 700 · Jedno písmo, které odráží celou identitu značky. Pro nadpisy a záhlaví: tloušťka 500–700, 24–36px s malým roztečem písmen (-0,056 em → -0,014 em) pro sebevědomé a stručné nadpisy. Pro text textu a uživatelské rozhraní: tloušťka 400, 14–16px, normální rozteč písmen, řádkování 1,5–1,7. Mikroštítky (navigace, ikony, slogan „Založeno v roce 1925“): tloušťka 500, 9–12px s velkým roztečem písmen až +0,143 em, zobrazené velkými písmeny pro použití jako nenápadné architektonické anotace. Neexistuje žádné jiné konkurenční písmo.
- object-fit: cover; object-position: center; — nahrazení: Inter · obrysy 400 · object-fit: cover; object-position: center; - nalezeno v extrahovaných datech, ale nepopsáno umělou inteligencí.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-16px |
| Poloměr tlačítka | 40px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 60-80px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Bang & Olufsen a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Structured — Renesanční galerie na papíře podobném plastelíně
- Apple (España) — Galerie muzea, zalitá měkkým denním světlem, je jediný, podmanivý, beztížný bílý prostor, kde každý exponát osvětluje bodové světlo na lehce tónované stěně.
- Apple (España) — Výstavní síň Obsidian Gallery je tmavá, kde na černém pozadí září jediný titanový předmět.
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- Custo — Galerie v barvě dělového kovu s monolitickým písmem. Showroom v tlumených šedozelených tónech, kde jediný tmavý objekt a písmo o velikosti 57px mluví samy za sebe.
- Apple (España) — Galerie Bílého muzea v poledne
- VITURE — Neonová prezentace produktů za půlnočním sklem – potemnělý showroom, kde jediný oranžový paprsek prořezává tmu a osvětluje brýle na stojanu
- HNST Studio — Útulný ateliér s rezavými lněnými látkami je galerií pomalé módy, kde jediný akcent spálené oranžové barvy otepluje jinak klášterní interiér v krémové a dřevěné uhlí.
- OFFFICE : — noir galerie pohlcená monolitickým písmem
- ARTU — Galerijní stěna na bílém papíře. ARTU zachází s prohlížecím prostorem jako s muzejní rozkládací deskou – velkoformátové fotografie produktů, jemné značení a jediný nádech limetkové barvy ve spodní části, který dotváří kompozici.
- Specht Studio — Galerijní stěna plná decentní zvědavosti. Chromovaná povrchová úprava studia je bílá a nápisy černé; vizuální ohňostroj je zcela soustředěn v obkladech projektu.
- MindMarket — Útulná pohádková knížka na krémovém papíře - přátelské redakční plátno, kde na sluncem zalitém, měkkém povrchu jako samolepky koexistují velké titulky Interu a vystřižené papírové postavičky.