Telegram, WhatsApp+380637610482
Valerij Danyuk
Valerij DanyukfejlesztőMI-eszközök fejlesztése vállalkozások számára. Kiváló minőség. Megfizethető ár.Írjon Telegramon
Bang & Olufsen — egy ilyen stílusú webhely előnézete

Bang & Olufsen

Skandináv galéria porcelánon. Amikor a B&O oldal sötét, a darab megvilágított, mint egy szobor egy éjféli alkóvban; amikor megvilágított, a darab fehér selyemre emlékeztet, és semmi más nem vonja el a figyelmét.

A Bang & Olufsen galéria-múzeum elven működik: közel fehér porcelánvásznakon a termékek szoborszerű tárgyakként lebegnek, amelyeket alkalmanként a képernyő teljes szélességében kromatikus betétek szakítanak meg – egy mély ultramarin ibolya, amely az egész képernyőt kitölti, néha gazdag terrakotta vörös – az érzelmi hatások jegyében. A tipográfia egyetlen, egyedi tervezésű, neogroteszk betűtípus (BeoSupreme), amely önmagáért beszél: alig észrevehető a nagy képernyőkön, bőségesen kitöltött nagybetűk a mikrocímkéken, nincs szükség más betűtípusra. Az alkatrészek száma minimálisra csökkent: áttetsző, tabletta alakú vezérlők, vékony szegélyek, nincsenek dekoratív árnyékok, nincsenek színátmenetes gombok, nincsenek ikonok. A rács nagyvonalú, a negatív tér luxus. Minden termék saját lebegő talapzatot kap; a környező fehér a tér. A szín értékes anyagként oszlik el – amikor megjelenik, az egész keretet kitölti.

A 1440 képpontos maximális szélességű konténer középre igazított, és 25 képpontos vízszintes margóval rendelkezik a szélein. A fő elem az oldal teljes szélességét elfoglalja (megtörve a konténert), az ultramarin kamera pedig széltől szélig terjed. A termékrácsok egyenletesen helyezkednek el 4-5 oszlopban, 25 képpontos résekkel, és mobileszközökön vízszintesen görgethetők. A szakaszok fehér háttér és teljes szélességű színes kamerák között váltakoznak – a ritmus a következő: fehér termékrács → ultramarin fő elem → fehér termékrács → mélyvörös szerkesztői banner → fehér termékrács → ultramarin lábléc. A navigáció egy minimalista felső sáv, amely a fehér és színes szakaszok felett lebeg (a szöveg sötét háttéren fehérre invertálódik). Az oldal "lélegzik" – a szakaszok közötti rések 60-80 képpontosak, az egyes termékeknek saját helyük van a cellákon belül, és nincs információsűrűség.

A termékfotók az egyetlen vizuális elem: nincsenek életstílus képek, modellek vagy környezeti kontextus. A termékeket tisztán semleges hátterek (fehér, fekete és átmenetes sötétkék) előtt fényképezik, szabályozott stúdióvilágítással, amely kiemeli az anyagokat: matt alumínium, textúrájú bőr, eloxált réz és matt szilikon. A vágás szűk, középre igazított, és a fő téma kiemelt. A színvisszaadás tompa és az anyagnak megfelelő: a rezet rézként érzékeli a közönség, nem pedig "aranyóraként". A másodlagos vizuális motívumok közé tartoznak a ritka, teljes képernyős terméksziluettek gazdag, monokróm síkok (ultramarin, terrakotta vörös) előtt a drámai szerkesztői pillanatok érdekében. Ikonográfia: vékony 1px-es vonal, monokróm fekete fehéren vagy fehér sötéten, geometrikus, kitöltés nélkül, többszínűség nélkül.

Paletta

Márka

  • Ultramarine Velvet #060daa — Háttérképek az oldalak tetején és alján, drámai részek, amelyek az oldal teljes szélességét kitöltik, és lábléc kitöltések – gazdag, szinte fekete-kék-ibolya szín, amelyet teljes képkockák beborítására használnak, és egyetlen terméknek színházi hangulatot kölcsönöznek.

Semleges

  • Porcelain Canvas #ffffff — Az oldalak háttérképei, a termékkártya-dizájn és a navigációs sávok képezik az alapvető alapot, amelyre minden termék épül.
  • Bone #fcfaee — Másodlagos felület meleg, semleges tónusú blokkokhoz, gombszöveg sötét háttéren, alternatív vászon, ha a fehér sterilnek érződik.
  • Obsidian #191817 — A fő szöveg és a termékleírás meleg, szinte fekete színű, amely lágyabbnak tűnik, mint a tiszta #000000 fehér háttéren.
  • Pure Ink #000000 — Ikon körvonalak, mikrocímkék, finom szegélyek és a legélesebb szövegkontrasztok.
  • Graphite #555555 — Másodlagos szöveg, metaadatok, árcédulák, csendes segédszöveg
  • Mist #e5e5e5 — Vékony bemeneti adathatárok és az egyetlen strukturális elválasztó a rendszerben.

Tipográfia

12-től 36 képpontig · 5 lépésben

  • BeoSupreme — csere: Neue Haas Grotesk Display Pro (closest) · körvonalak 400, 500, 700 · Egyetlen betűtípus, amely tükrözi a teljes márkaidentitást. Címekhez és címsorokhoz: 500–700-as betűvastagság, 24–36 képpont, szoros betűközzel (-0,056em → -0,014em) a magabiztos, tömör címsorokhoz. Törzsszöveghez és felhasználói felülethez: 400-as betűvastagság, 14–16 képpont, normál betűköz, 1,5–1,7 sorköz. Mikrocímkék (navigáció, ikonok, az „Alapítva 1925-ben” szlogen): 500-as betűvastagság, 9–12 képpont, akár +0,143em széles betűközzel, csupa nagybetűvel megjelenítve, diszkrét építészeti feliratozásként. Nincs más versengő betűtípus.
  • object-fit: cover; object-position: center; — csere: Inter · körvonalak 400 · object-fit: cover; object-position: center; - megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írja le.

Intervallumok és forma

CélJelentés
Sűrűségsűrű
Alapvető lépés8-16px
Gomb sugara40px
Kártya sugara0px
Árnyékoknincs - szegélyek árnyékok helyett
Szakaszok között60-80px
Oldal szélessége1440px

A mesterséges intelligencia Bang & Olufsen stílusban fogja elkészíteni a weboldaladat, és kitölti azt.

  • Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
  • Tartalom átvitele régi webhelyéről – csak adja meg a címet.
  • Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
  • Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.

Hasonló stílusok

  • Structured — Reneszánsz galéria gyurmaszerű papíron
  • Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
  • Apple (España) — Az Obsidian Galéria bemutatóterme egy sötét kiállítóterem, ahol egyetlen titán tárgy világít koromsötét háttér előtt.
  • 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
  • Custo — Egy fegyverszürke színű galéria monolitikus betűtípussal. Egy visszafogott szürkészöld tónusú bemutatóterem, ahol egyetlen sötét tárgy és az 57px-es betűtípus magáért beszél.
  • Apple (España) — A White Múzeum Galériája délben
  • VITURE — Neonfényes termékbemutató éjféli üveg mögött – egy elsötétített bemutatóterem, ahol egyetlen narancssárga fénysugár hasít át a sötétségen, megvilágítva egy állványon álló szemüveget.
  • HNST Studio — Egy rozsdafoltos lenvászon anyagokkal berendezett, hangulatos műterem egy lassú divatgaléria, ahol egyetlen égetett narancssárga árnyalat melegíti fel az egyébként szerzetesi krémszínű és szénszínű belső teret.
  • OFFFICE : — egy monolitikus betűtípusba burkolt noir galéria
  • ARTU — Galériafal fehér papíron. Az ARTU úgy kezeli a kiállítóteret, mint egy múzeumi teret – nagyméretű termékfotók, finom jelölések és egyetlen csipetnyi lime az alján, ami teljessé teszi a kompozíciót.
  • Specht Studio — Diszkrét kíváncsisággal teli galériafal. A stúdió saját króm felülete fehér, fekete betűkkel; a vizuális tűzijáték teljes egészében a projekt csempéire koncentrálódik.
  • MindMarket — Egy hangulatos mesekönyv krémszínű papíron - egy barátságos szerkesztői vászon, ahol a nagy Inter-címek és a kivágott papírfigurák együtt jelennek meg egy napsütötte, matricaszerű felületen.