Bang & Olufsen
Skandinavisk galleri på porselen. Når B&O-siden er mørk, er verket opplyst, som en skulptur i en midnattsniske; når den er opplyst, ser det ut til at verket flyter på hvit silke, uten noe annet som distraherer oppmerksomheten.
Bang & Olufsen opererer etter et galleri-museumsprinsipp: nesten hvite porselenslerreter der produkter flyter som skulpturelle objekter, avbrutt av sporadiske kromatiske innsatser som strekker seg over hele skjermens bredde – en dyp ultramarinfiolett som opptar hele skjermen, noen ganger en rik terrakottarød – for emosjonelle aksenter. Typografien er en enkelt, spesialdesignet neo-grotesk skrifttype (BeoSupreme) som taler for seg selv: knapt merkbar på store skjermer, sjenerøst fylte store bokstaver på mikroetiketter, ingen andre skrifttyper kreves. Komponentene er redusert til et minimum: gjennomskinnelige pilleformede kontroller, tynne rammer, ingen dekorative skygger, ingen gradientknapper, ingen ikoner. Rutenettet er sjenerøst, negativ plass er en luksus. Hvert produkt får sin egen flytende sokkel; det omkringliggende hvite er plass. Farge er fordelt som et dyrebart materiale – når den vises, opptar den hele rammen.
Containeren med maksimal bredde på 1440 piksler er sentrert og har 25 piksler horisontale marginer langs kantene. Hero-elementet tar opp hele sidens bredde (bryter containeren), og det ultramarine kameraet strekker seg fra kant til kant. Produktrutenett er jevnt fordelt i 4–5 kolonner med 25 pikslers mellomrom og ruller horisontalt på mobile enheter. Seksjoner veksler mellom hvit bakgrunn og fargekameraer i full bredde – rytmen er som følger: hvitt produktrutenett → ultramarine hero-element → hvitt produktrutenett → rik rød redaksjonell banner → hvitt produktrutenett → ultramarine bunntekst. Navigasjonen er en minimalistisk topplinje som flyter over de hvite og fargede seksjonene (teksten er invertert til hvit på en mørk bakgrunn). Siden «puster» – mellomrommene mellom seksjonene er 60–80 piksler, individuelle produkter har sin egen plass i cellene, og det er ingen informasjonstetthet.
Produktfotografering er det eneste visuelle elementet: ingen livsstilsbilder, modeller eller miljøkontekst. Produktene er tatt mot helt nøytrale bakgrunner (hvitt, svart og mørkeblå med gradienter) med kontrollert studiobelysning som fremhever materialene: matt aluminium, lærtekstur, anodisert kobber og matt silikon. Beskjæringen er tett, sentrert, og hovedmotivet er fremhevet. Fargegjengivelsen er dempet og passende til materialet: kobber oppfattes som kobber, ikke som «den gyldne time». Sekundære visuelle motiver inkluderer sparsomme produktsilhuetter i fullskjerm mot rike, monokromatiske plan (ultramarin, terrakottarød) for dramatiske redaksjonelle øyeblikk. Ikonografi: tynn 1px-linje, monokrom svart på hvitt eller hvitt på mørkt, geometrisk, ingen fyll, ingen flerfarget.
Palett
Merke
- Ultramarine Velvet
#060daa— Bakgrunnsbilder øverst og nederst på sidene, dramatiske seksjoner som strekker seg over hele sidens bredde og bunntekstfyll – en rik, nesten svart-blå-fiolett farge som brukes til å omslutte hele rammer og gi et teatralsk preg til et enkelt produkt.
Nøytral
- Porcelain Canvas
#ffffff— Bakgrunnsbilder på siden, design av produktkort og navigasjonslinjer er det grunnleggende fundamentet som ethvert produkt er bygget på. - Bone
#fcfaee— En sekundær overflate for varme, nøytrale blokker, knappetekst på mørk bakgrunn, et alternativt lerret når hvitt føles sterilt. - Obsidian
#191817— Hovedteksten og produktbeskrivelsen har en varm, nesten svart farge som ser mykere ut enn ren #000000 på en hvit bakgrunn. - Pure Ink
#000000— Ikonomriss, mikrotagger, diskré rammer og de skarpeste tekstkontrastene. - Graphite
#555555— Sekundærtekst, metadata, prislapper, stille tilleggstekst - Mist
#e5e5e5— Tynne grenser for inndata og den eneste strukturelle separatoren i systemet.
Typografi
fra 12 til 36 piksler · 5 trinn
- BeoSupreme — erstatning: Neue Haas Grotesk Display Pro (closest) · omriss 400, 500, 700 · Én enkelt skrifttype som gjenspeiler hele merkeidentiteten. For titler og overskrifter: 500–700 vekt, 24–36 piksler med liten bokstavavstand (-0,056em → -0,014em) for trygge, konsise overskrifter. For brødtekst og brukergrensesnitt: 400 vekt, 14–16 piksler, normal bokstavavstand, linjeavstand 1,5–1,7. Mikroetiketter (navigasjon, ikoner, slagordet «Grunnlagt i 1925»): 500 vekt, 9–12 piksler med bred bokstavavstand opptil +0,143em, vist med store bokstaver for bruk som diskrete arkitektoniske merknader. Det finnes ingen annen konkurrerende skrifttype.
- object-fit: cover; object-position: center; — erstatning: Inter · omriss 400 · object-fit: cover; object-position: center; - funnet i de utvunnede dataene, men ikke beskrevet av AI-en.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8-16px |
| Knapperadius | 40px |
| Kortradius | 0px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 60-80px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Bang & Olufsen -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Structured — Renessansegalleri på plastelinalignende papir
- Apple (España) — Museumsgalleriet, i mykt dagslys, er et enkelt, fengslende, vektløst hvitt rom, der hver utstilling er opplyst av en spotlight mot en lett tonet vegg.
- Apple (España) — Obsidian Gallerys utstillingsvindu er en mørk utstillingshall der et enkelt titanobjekt gløder mot en beksvart bakgrunn.
- 099 SUPPLY — En gallerivegg fylt med svart-hvite objekter
- Custo — Et galleri i pistolfarget farge med en monolittisk skrifttype. Et utstillingslokale i dempede grågrønne toner, hvor et enkelt mørkt objekt og en skriftstørrelse på 57 piksler taler for seg selv.
- Apple (España) — Det hvite museumsgalleriet klokken 12
- VITURE — En neonproduktpresentasjon bak midnattsglass – et mørklagt utstillingslokale hvor en enkelt oransje stråle skjærer gjennom mørket og lyser opp et par briller på et stativ
- HNST Studio — Et koselig studio med rustfargede linstoffer er et slow fashion-galleri hvor en enkelt aksent av brent oransje varmer det ellers monastiske interiøret av kremfarge og kullfarge.
- OFFFICE : — et noir-galleri omsluttet av monolittisk skrifttype
- ARTU — Gallerivegg på hvitt papir. ARTU behandler visningsområdet som et museumsoppslag – store produktbilder, subtile markeringer og et enkelt snev av lime nederst som fullfører komposisjonen.
- Specht Studio — En gallerivegg fylt med diskret nysgjerrighet. Studioets egen kromfinish er en hvit overflate og svart skrift; det visuelle fyrverkeriet er fullstendig konsentrert i prosjektets flisarbeid.
- MindMarket — En koselig eventyrbok på kremfarget papir – et vennlig redaksjonelt lerret der store Inter-overskrifter og utklippede papirfigurer sameksisterer på en solfylt, klistremerkemyk overflate.