Bang & Olufsen
Skandinavska galerija na porculanu. Kada je B&O stranica tamna, djelo je osvijetljeno, poput skulpture u ponoćnoj niši; kada je osvijetljena, djelo izgleda kao da lebdi na bijeloj svili, bez ikakvog drugog što bi mu odvratilo pažnju.
Bang & Olufsen posluje po principu galerije-muzeja: gotovo bijela porculanska platna na kojima proizvodi lebde poput skulpturalnih objekata, prekidana povremenim hromatskim umetcima koji se protežu cijelom širinom ekrana - duboka ultramarin ljubičasta koja zauzima cijeli ekran, ponekad bogata terakota crvena - za emocionalne akcente. Tipografija je jedinstveni, posebno dizajnirani neogroteskni font (BeoSupreme) koji govori sam za sebe: jedva primjetan na velikim ekranima, velikodušno popunjena velika slova na mikro-etiketama, nisu potrebni nikakvi drugi fontovi. Komponente su svedene na minimum: prozirne kontrole u obliku tableta, tanki okviri, bez dekorativnih sjena, bez gradijentnih dugmadi, bez ikona. Mreža je velikodušna, negativni prostor je luksuz. Svaki proizvod ima svoj vlastiti plutajući postament; okolna bijela je prostor. Boja je raspoređena poput dragocjenog materijala - kada se pojavi, zauzima cijeli okvir.
Kontejner maksimalne širine 1440px je centriran i ima 25px horizontalnih margina na rubovima. Hero element zauzima cijelu širinu stranice (prekidajući kontejner), a ultramarinska kamera se proteže od ruba do ruba. Mreže proizvoda su ravnomjerno raspoređene u 4-5 kolona sa razmacima od 25px i horizontalno se skroluju na mobilnim uređajima. Odjeljci se izmjenjuju između bijele pozadine i kamera u boji pune širine - ritam je sljedeći: bijela mreža proizvoda → ultramarinski hero element → bijela mreža proizvoda → bogati crveni urednički banner → bijela mreža proizvoda → ultramarinsko podnožje. Navigacija je minimalistička gornja traka koja lebdi iznad bijelih i obojenih odjeljaka (tekst je invertiran u bijelu boju na tamnoj pozadini). Stranica "diše" - razmaci između odjeljaka su 60-80px, pojedinačni proizvodi imaju svoj prostor unutar ćelija i nema gustoće informacija.
Fotografija proizvoda je jedini vizualni element: nema slika životnog stila, modela ili okolišnog konteksta. Proizvodi su snimljeni na potpuno neutralnim pozadinama (bijela, crna i gradijent tamnoplave) s kontroliranim studijskim osvjetljenjem koje ističe materijale: mat aluminij, teksturu kože, anodizirani bakar i mat silikon. Izrezivanje je usko, centrirano, a glavni subjekt je naglašen. Prikaz boja je prigušen i primjeren materijalu: bakar se doživljava kao bakar, a ne kao "zlatni sat". Sekundarni vizualni motivi uključuju rijetke siluete proizvoda preko cijelog ekrana naspram bogatih, monokromatskih ravni (ultramarin, terakota crvena) za dramatične uredničke trenutke. Ikonografija: tanka linija od 1px, monokromatska crna na bijeloj ili bijela na tamnoj, geometrijska, bez ispune, bez višebojne tehnike.
Paleta
Brend
- Ultramarine Velvet
#060daa— Pozadinske slike na vrhu i dnu stranica, dramatični dijelovi koji se protežu cijelom širinom stranice i ispune podnožja - bogata, gotovo crno-plavo-ljubičasta boja koja se koristi za prekrivanje cijelih okvira i davanje teatralnog osjećaja jednom proizvodu.
Neutralno
- Porcelain Canvas
#ffffff— Pozadinske slike stranice, dizajn kartice proizvoda i navigacijske trake su osnovni temelj na kojem je izgrađen svaki proizvod. - Bone
#fcfaee— Sekundarna površina za blokove toplih neutralnih tonova, tekst dugmadi na tamnoj pozadini, alternativno platno kada bijela djeluje sterilno. - Obsidian
#191817— Glavni tekst i tekst opisa proizvoda su tople, gotovo crne boje koja izgleda nježnije od čistog #000000 na bijeloj pozadini. - Pure Ink
#000000— Obrisi ikona, mikrooznake, suptilne granice i najoštriji kontrasti teksta. - Graphite
#555555— Sekundarni tekst, metapodaci, cijene, tihi pomoćni tekst - Mist
#e5e5e5— Tanke granice ulaznih podataka i jedini strukturni separator u sistemu.
Tipografija
od 12 do 36px · 5 koraka
- BeoSupreme — zamjena: Neue Haas Grotesk Display Pro (closest) · obrisi 400, 500, 700 · Jedan font koji odražava cjelokupni identitet brenda. Za naslove i zaglavlja: težina 500–700, 24–36px sa malim razmakom između slova (-0,056em → -0,014em) za samouvjerene, koncizne naslove. Za tekst teksta i korisnički interfejs: težina 400, 14–16px, normalan razmak između slova, razmak između redova 1,5–1,7. Mikrooznake (navigacija, ikone, slogan "Osnovan 1925."): težina 500, 9–12px sa širokim razmakom između slova do +0,143em, prikazane velikim slovima za upotrebu kao neupadljive arhitektonske napomene. Ne postoji drugi konkurentni font.
- object-fit: cover; object-position: center; — zamjena: Inter · obrisi 400 · prilagođavanje-objekta: poklopac; položaj-objekta: centar; - pronađeno u ekstrahovanim podacima, ali nije opisano od strane vještačke inteligencije.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus dugmeta | 40px |
| Radijus kartice | 0px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 60-80px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Bang & Olufsen stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Structured — Renesansna galerija na papiru sličnom plastelinu
- Apple (España) — Muzejska galerija, okupana blagim dnevnim svjetlom, predstavlja jedinstven, očaravajući, bestežinski bijeli prostor, gdje svaki eksponat osvijetli reflektor naspram lagano zatamnjenog zida.
- Apple (España) — Izložbeni prostor galerije Obsidian je mračna dvorana u kojoj jedan titanijumski predmet svijetli na crnoj pozadini.
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Custo — Galerija boje bronce s monolitnim fontom. Izložbeni prostor u prigušenim sivo-zelenim tonovima, gdje jedan tamni objekt i font od 57px govore sami za sebe.
- Apple (España) — Galerija Bijelog muzeja u podne
- VITURE — Neonska prezentacija proizvoda iza ponoćnog stakla – zamračeni izložbeni prostor gdje jedna narandžasta zraka probija tamu, osvjetljavajući par naočala na stalku
- HNST Studio — Ugodan studio s lanenim tkaninama umrljanim hrđom je galerija spore mode gdje jedan akcent spaljene narančaste boje zagrijava inače monaški interijer krem i ugljenih tonova.
- OFFFICE : — noir galerija obavijena monolitnim fontom
- ARTU — Galerijski zid na bijelom papiru. ARTU tretira prostor za gledanje kao muzejsku projekciju - fotografije proizvoda velikog formata, suptilne oznake i jedan dodir limete na dnu koji upotpunjuje kompoziciju.
- Specht Studio — Galerijski zid ispunjen diskretnom znatiželjom. Kromirana završna obrada studija je bijela površina s crnim slovima; vizualni vatromet je u potpunosti koncentriran unutar pločica projekta.
- MindMarket — Ugodna bajkovita knjiga na krem papiru - prijateljsko uredničko platno gdje veliki naslovi Intera i izrezani likovi od papira koegzistiraju na suncem okupanoj, mekoj površini poput naljepnice.