Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za tvrtke. Visokokvalitetni. Pristupačni.Pišite nam na Telegram
Bang & Olufsen — pregled stranice u ovom stilu

Bang & Olufsen

Skandinavska galerija na porculanu. Kad je B&O stranica tamna, djelo je osvijetljeno, poput skulpture u ponoćnoj niši; kad je osvijetljena, čini se da djelo lebdi na bijeloj svili, bez ikakvog drugog što bi mu odvraćalo pažnju.

Bang & Olufsen djeluje po principu galerije-muzeja: gotovo bijela porculanska platna na kojima proizvodi lebde poput skulpturalnih predmeta, prekidana povremenim kromatskim umetcima koji se protežu cijelom širinom ekrana - duboka ultramarin ljubičasta koja zauzima cijeli ekran, ponekad bogata terakota crvena - za emocionalne naglaske. Tipografija je jedinstveni, posebno dizajnirani neogroteskni font (BeoSupreme) koji govori sam za sebe: jedva primjetan na velikim ekranima, velikodušno ispunjena velika slova na mikro-oznakama, nisu potrebni nikakvi drugi fontovi. Komponente su svedene na minimum: prozirne kontrole u obliku tableta, tanki rubovi, bez ukrasnih sjena, bez gradijentnih gumba, bez ikona. Mreža je velikodušna, negativni prostor je luksuz. Svaki proizvod ima svoj vlastiti plutajući postolje; 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 stupaca s razmacima od 25px i pomiču se vodoravno 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 jedini je vizualni element: nema slika životnog stila, modela ili okolišnog konteksta. Proizvodi su snimljeni na potpuno neutralnim pozadinama (bijela, crna i gradijent tamnoplave) s kontroliranom studijskom rasvjetom koja 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 zaslona nasuprot bogatim, monokromatskim ravninama (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šebojnosti.

Paleta

Robna marka

  • Ultramarine Velvet #060daa — Pozadinske slike na vrhu i dnu stranica, dramatični odjeljci koji se protežu cijelom širinom stranice i ispune podnožja - bogata, gotovo crno-plavo-ljubičasta boja koja se koristi za obuhvaćanje cijelih okvira i davanje kazališnog osjećaja jednom proizvodu.

Neutralno

  • Porcelain Canvas #ffffff — Pozadinske slike stranice, dizajn kartice proizvoda i navigacijske trake temeljni su temelj na kojem se gradi svaki proizvod.
  • Bone #fcfaee — Sekundarna površina za blokove toplih neutralnih tonova, tekst gumba 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, suptilni obrubi i najoštriji kontrasti teksta.
  • Graphite #555555 — Sekundarni tekst, metapodaci, oznake cijena, tihi pomoćni tekst
  • Mist #e5e5e5 — Tanke granice ulaznih podataka i jedini strukturni separator u sustavu.

Tipografija

od 12 do 36px · 5 koraka

  • BeoSupreme — zamjena: Neue Haas Grotesk Display Pro (closest) · obrisi 400, 500, 700 · Jedan font koji odražava cijeli identitet robne marke. Za naslove i zaglavlja: težina 500–700, 24–36px s uskim razmakom između slova (-0,056em → -0,014em) za samouvjerene, koncizne naslove. Za glavni tekst i korisničko sučelje: težina 400, 14–16px, normalan razmak između slova, razmak između redaka 1,5–1,7. Mikrooznake (navigacija, ikone, slogan "Osnovano 1925."): težina 500, 9–12px sa širokim razmakom između slova do +0,143em, prikazane velikim slovima za korištenje kao neupadljive arhitektonske bilješke. Ne postoji drugi konkurentski font.
  • object-fit: cover; object-position: center; — zamjena: Inter · obrisi 400 · prilagodba-objekta: poklopac; položaj-objekta: središte; - pronađeno u izdvojenim podacima, ali nije opisano od strane umjetne inteligencije.

Intervali i forma

SvrhaZnačenje
Gustoćagust
Osnovni korak8-16px
Radijus gumba40px
Radijus kartice0px
Sjenene - obrubi umjesto sjena
Između odjeljaka60-80px
Širina stranice1440px

Umjetna inteligencija će izraditi vašu web stranicu u Bang & Olufsen stilu i ispuniti je

  • Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
  • Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.

Slični stilovi

  • Structured — Renesansna galerija na papiru sličnom plastelinu
  • Apple (España) — Muzejska galerija, u mekom dnevnom svjetlu, jedinstven je, očaravajući, bestežinski bijeli prostor, a svaki je eksponat osvijetljen reflektorom naspram lagano zatamnjenog zida.
  • Apple (España) — Izložbeni prostor galerije Obsidian je mračna izložbena dvorana u kojoj jedan titanski 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 narančasta zraka probija tamu, osvjetljavajući par naočala na stalku
  • HNST Studio — Ugodan studio s lanenim tkaninama umrljanim hrđom galerija je spore mode gdje jedan naglasak spaljene narančaste boje zagrijava inače monaški interijer krem i ugljena.
  • OFFFICE : — galerija noir okružena 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 Interovi naslovi i izrezani papirnati likovi koegzistiraju na suncem okupanoj, mekoj površini poput naljepnica.