Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram
Bang & Olufsen — en forhåndsvisning af et websted i denne stil

Bang & Olufsen

Skandinavisk galleri på porcelæn. Når B&O-siden er mørk, er værket oplyst, som en skulptur i en midnatsalkove; når den er oplyst, ser det ud til at svæve på hvid silke, uden andet til at distrahere dets opmærksomhed.

Bang & Olufsen opererer ud fra et galleri-museumsprincip: næsten hvide porcelænslærreder, hvorpå produkter svæver som skulpturelle objekter, afbrudt af lejlighedsvise kromatiske indlæg, der spænder over hele skærmens bredde – en dyb ultramarinviolet, der optager hele skærmen, nogle gange en rig terrakottarød – for at fremhæve følelsesmæssige accenter. Typografien er en enkelt, specialdesignet neo-grotesk skrifttype (BeoSupreme), der taler for sig selv: næppe mærkbar på store skærme, generøst udfyldte store bogstaver på mikromærker, ingen andre skrifttyper kræves. Komponenterne er reduceret til et minimum: gennemskinnelige pilleformede kontroller, tynde rammer, ingen dekorative skygger, ingen gradientknapper, ingen ikoner. Gitteret er generøst, negativ plads er en luksus. Hvert produkt får sin egen svævende sokkel; den omgivende hvide er plads. Farven er fordelt som et værdifuldt materiale – når den vises, optager den hele billedet.

Containeren med maksimal bredde på 1440px er centreret og har 25px vandrette margener langs kanterne. Hero-elementet optager hele sidens bredde (bryder containeren), og det ultramarineblå kamera strækker sig fra kant til kant. Produktgitre er placeret jævnt i 4-5 kolonner med 25px mellemrum og ruller vandret på mobile enheder. Sektioner skifter mellem en hvid baggrund og farvekameraer i fuld bredde – rytmen er som følger: hvidt produktgitre → ultramarineblåt hero-element → hvidt produktgitre → dybrødt redaktionelt banner → hvidt produktgitre → ultramarineblåt sidefod. Navigationen er en minimalistisk toplinje, der svæver over de hvide og farvede sektioner (tekst inverteres til hvid på en mørk baggrund). Siden "ånder" – mellemrummene mellem sektionerne er 60-80px, individuelle produkter har deres egen plads i cellerne, og der er ingen informationstæthed.

Produktfotografering er det eneste visuelle element: ingen livsstilsbilleder, modeller eller miljømæssig kontekst. Produkterne er optaget mod rent neutrale baggrunde (hvid, sort og gradient mørkeblå) med kontrolleret studiebelysning, der fremhæver materialerne: mat aluminium, lædertekstur, anodiseret kobber og mat silikone. Beskæringen er stram, centreret, og hovedmotivet er fremhævet. Farvegengivelsen er dæmpet og passende til materialet: kobber opfattes som kobber, ikke som "den gyldne time". Sekundære visuelle motiver inkluderer sparsomme produktsilhuetter i fuld skærm mod rige, monokromatiske flader (ultramarin, terrakottarød) til dramatiske redaktionelle øjeblikke. Ikonografi: tynd 1px-linje, monokrom sort på hvid eller hvid på mørk, geometrisk, ingen udfyldning, ingen flerfarvet.

Palet

Mærke

  • Ultramarine Velvet #060daa — Baggrundsbilleder øverst og nederst på siderne, dramatiske sektioner, der strækker sig over hele sidens bredde, og sidefodsfyld – en fyldig, næsten sort-blå-violet farve, der bruges til at opsluge hele billeder og give et enkelt produkt en teatralsk fornemmelse.

Neutral

  • Porcelain Canvas #ffffff — Baggrundsbilleder på siden, design af produktkort og navigationslinjer er det grundlæggende fundament, som ethvert produkt er bygget på.
  • Bone #fcfaee — En sekundær overflade til varme neutrale blokke, knaptekst på en mørk baggrund, et alternativt lærred når hvidt føles sterilt.
  • Obsidian #191817 — Hovedteksten og produktbeskrivelsen har en varm, næsten sort farve, der ser blødere ud end ren #000000 på en hvid baggrund.
  • Pure Ink #000000 — Ikonomrids, mikrotags, diskrete rammer og de skarpeste tekstkontraster.
  • Graphite #555555 — Sekundær tekst, metadata, prisskilte, lydløs hjælpetekst
  • Mist #e5e5e5 — Tynde inputdatagrænser og den eneste strukturelle separator i systemet.

Typografi

fra 12 til 36px · 5 trin

  • BeoSupreme — udskiftning: Neue Haas Grotesk Display Pro (closest) · konturer 400, 500, 700 · En enkelt skrifttype, der afspejler hele brandidentiteten. For titler og overskrifter: 500-700 vægt, 24-36px med lille bogstavafstand (-0,056em → -0,014em) for sikre, præcise overskrifter. For brødtekst og brugergrænseflade: 400 vægt, 14-16px, normal bogstavafstand, linjeafstand 1,5-1,7. Mikrolabels (navigation, ikoner, sloganet "Grundlagt i 1925"): 500 vægt, 9-12px med bred bogstavafstand op til +0,143em, vist med store bogstaver til brug som diskrete arkitektoniske annotationer. Der er ingen anden konkurrerende skrifttype.
  • object-fit: cover; object-position: center; — udskiftning: Inter · konturer 400 · object-fit: cover; object-position: center; - fundet i de udtrukne data, men ikke beskrevet af AI'en.

Intervaller og form

FormålMening
Tæthedtæt
Grundlæggende trin8-16px
Knapradius40px
Kortradius0px
Skyggeringen grænser i stedet for skygger
Mellem sektioner60-80px
Sidebredde1440px

AI vil bygge din hjemmeside i Bang & Olufsen -stil og udfylde den

  • Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
  • Overfør indhold fra dit gamle websted – angiv blot adressen.
  • Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
  • Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.

Lignende stilarter

  • Structured — Renæssancegalleri på modellervokslignende papir
  • Apple (España) — Museumsgalleriet er i blødt dagslys et enkelt, fængslende, vægtløst hvidt rum, hvor hver udstilling er oplyst af en spotlight mod en let tonet væg.
  • Apple (España) — Obsidian Gallerys udstillingssal er en mørk udstillingshal, hvor en enkelt titaniumgenstand gløder mod en kulsort baggrund.
  • 099 SUPPLY — En gallerivæg fyldt med sort-hvide objekter
  • Custo — Et galleri i pistolfarvet med en monolitisk skrifttype. Et showroom i dæmpede grågrønne toner, hvor et enkelt mørkt objekt og en skrifttype på 57px taler for sig selv.
  • Apple (España) — Det Hvide Museums Galleri kl. 12
  • VITURE — En neonproduktpræsentation bag midnatsglas – et mørklagt showroom, hvor en enkelt orange stråle skærer gennem mørket og oplyser et par briller på et stativ
  • HNST Studio — Et hyggeligt atelier med rustfarvede linnedstoffer er et slow fashion-galleri, hvor en enkelt accent af brændt orange varmer det ellers monastiske interiør af creme og trækul.
  • OFFFICE : — et noir-galleri opslugt af monolitisk skrifttype
  • ARTU — Billedvæg på hvidt papir. ARTU behandler visningsområdet som et museumsopslag – store produktfotos, diskrete markeringer og et enkelt strejf af lime i bunden fuldender kompositionen.
  • Specht Studio — En gallerivæg fyldt med diskret nysgerrighed. Studiets egen forkromede finish er en hvid overflade og sort skrift; det visuelle fyrværkeri er udelukkende koncentreret i projektets flisearbejde.
  • MindMarket — En hyggelig eventyrbog på cremefarvet papir - et venligt redaktionelt lærred, hvor store Inter-overskrifter og udklippede papirfigurer sameksisterer på en solbeskinnet, klistermærkeblød overflade.