Bang & Olufsen
Skandinaviskt galleri på porslin. När B&O-sidan är mörk är verket upplyst, likt en skulptur i en alkov vid midnatt; när den är upplyst verkar verket flyta på vitt siden, utan något annat som distraherar dess uppmärksamhet.
Bang & Olufsen arbetar utifrån en galleri-museumsprincip: nästan vita porslinsdukar på vilka produkter svävar som skulpturala objekt, avbrutna av enstaka kromatiska inlägg som sträcker sig över hela skärmens bredd – en djup ultramarinviolett som upptar hela skärmen, ibland en rik terrakottaröd – för känslomässiga accenter. Typografin är ett enda, specialdesignat neogroteskt typsnitt (BeoSupreme) som talar för sig självt: knappt märkbart på stora skärmar, generöst fyllda versaler på mikroetiketter, inga andra typsnitt krävs. Komponenterna är reducerade till ett minimum: genomskinliga pillerformade kontroller, tunna ramar, inga dekorativa skuggor, inga gradientknappar, inga ikoner. Rutnätet är generöst, negativt utrymme är en lyx. Varje produkt har sin egen flytande sockel; det omgivande vita är utrymme. Färgen är fördelad som ett värdefullt material – när den dyker upp upptar den hela bilden.
Containern med maximal bredd på 1440 pixlar är centrerad och har 25 pixlar horisontella marginaler längs kanterna. Hero-elementet tar upp hela sidans bredd (och bryter containern), och den ultramarinblå kameran sträcker sig från kant till kant. Produktrutnät är jämnt utlagda i 4–5 kolumner med 25 pixlars mellanrum och rullar horisontellt på mobila enheter. Avsnitten växlar mellan vit bakgrund och färgade kameror i full bredd – rytmen är följande: vitt produktrutnät → ultramarinblått hero-element → vitt produktrutnät → djupt röd redaktionell banner → vitt produktrutnät → ultramarinblå sidfot. Navigeringen är en minimalistisk övre fält som flyter ovanför de vita och färgade avsnitten (texten inverteras till vit på en mörk bakgrund). Sidan "andas" – mellanrummen mellan avsnitten är 60–80 pixlar, enskilda produkter har sitt eget utrymme i cellerna och det finns ingen informationstäthet.
Produktfotografering är det enda visuella elementet: inga livsstilsbilder, modeller eller miljökontext. Produkterna tas mot helt neutrala bakgrunder (vit, svart och mörkblå med toning) med kontrollerad studiobelysning som framhäver materialen: matt aluminium, lädertextur, anodiserad koppar och matt silikon. Beskärningen är tät, centrerad och huvudmotivet betonas. Färgåtergivningen är dämpad och lämplig för materialet: koppar uppfattas som koppar, inte som "gyllene timmen". Sekundära visuella motiv inkluderar glesa produktsilhuetter i helskärm mot rika, monokromatiska plan (ultramarin, terrakottaröd) för dramatiska redaktionella ögonblick. Ikonografi: tunn 1px-linje, monokrom svart på vitt eller vitt på mörkt, geometriskt, ingen fyllning, ingen flerfärg.
Palett
Stämpla
- Ultramarine Velvet
#060daa— Bakgrundsbilder högst upp och längst ner på sidorna, dramatiska avsnitt som sträcker sig över hela sidans bredd och sidfotsfyllningar – en rik, nästan svartblåviolett färg som används för att omsluta hela bildrutor och ge en enda produkt en teatralisk känsla.
Neutral
- Porcelain Canvas
#ffffff— Bakgrundsbilder på sidan, design av produktkort och navigeringsfält är den grundläggande grunden som varje produkt bygger på. - Bone
#fcfaee— En sekundär yta för varma neutrala block, knapptext mot mörk bakgrund, en alternativ duk när vitt känns sterilt. - Obsidian
#191817— Huvudtexten och produktbeskrivningen har en varm, nästan svart färg som ser mjukare ut än ren #000000 mot en vit bakgrund. - Pure Ink
#000000— Ikonkonturer, mikrotaggar, subtila ramar och de skarpaste textkontrasterna. - Graphite
#555555— Sekundärtext, metadata, prislappar, tyst hjälptext - Mist
#e5e5e5— Tunna gränser för indata och den enda strukturella separatorn i systemet.
Typografi
från 12 till 36px · 5 steg
- BeoSupreme — ersättning: Neue Haas Grotesk Display Pro (closest) · konturer 400, 500, 700 · Ett enda typsnitt som återspeglar hela varumärkesidentiteten. För titlar och rubriker: 500–700 vikt, 24–36px med snävt bokstavsavstånd (-0,056em → -0,014em) för självsäkra, koncisa rubriker. För brödtext och användargränssnitt: 400 vikt, 14–16px, normalt bokstavsavstånd, radavstånd 1,5–1,7. Mikroetiketter (navigering, ikoner, sloganen "Grundat 1925"): 500 vikt, 9–12px med brett bokstavsavstånd upp till +0,143em, visas med versaler för användning som diskreta arkitektoniska anteckningar. Det finns inget annat konkurrerande typsnitt.
- object-fit: cover; object-position: center; — ersättning: Inter · konturer 400 · object-fit: cover; object-position: center; - hittades i den extraherade datan men beskrevs inte av AI:n.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 8-16px |
| Knappradie | 40px |
| Kortradie | 0px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 60-80px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Bang & Olufsen -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Structured — Renässansgalleri på modelleraliknande papper
- Apple (España) — Museigalleriet, i mjukt dagsljus, är ett enda, fängslande, viktlöst vitt utrymme, där varje utställningsföremål upplysts av en spotlight mot en lätt tonad vägg.
- Apple (España) — Obsidian Gallerys monter är en mörk utställningshall där ett ensamt titanföremål glöder mot en becksvart bakgrund.
- 099 SUPPLY — En gallerivägg fylld med svartvita föremål
- Custo — Ett galleri i pistolfärg med ett monolitiskt typsnitt. Ett utställningslokaler i dämpade grågröna toner, där ett enda mörkt objekt och ett 57px-typsnitt talar för sig själva.
- Apple (España) — Vita museets galleri vid middagstid
- VITURE — En neonproduktpresentation bakom midnattsljus – ett mörklagt showroom där en enda orange stråle skär genom mörkret och lyser upp ett par glasögon på ett stativ
- HNST Studio — En mysig ateljé med rostfläckade linnetyger är ett slow fashion-galleri där en enda accent av bränt orange värmer den annars monastiska interiören av grädde och träkol.
- OFFFICE : — ett noir-galleri omslutet av monolitisk typsnitt
- ARTU — Tavelvägg på vitt papper. ARTU behandlar visningsutrymmet som ett museumsuppslag – storskaliga produktfoton, subtila markeringar och en enda touch av lime i botten som fulländar kompositionen.
- Specht Studio — En tavelvägg fylld av diskret nyfikenhet. Studions egen kromfinish är en vit yta och svart text; det visuella fyrverkeriet är helt koncentrerat i projektets kakelarbete.
- MindMarket — En mysig sagobok på krämfärgat papper – en vänlig redaktionell duk där stora Inter-rubriker och utklippta pappersfigurer samsas på en soldränkt, klistermjuk yta.