Bang & Olufsen
Scandinavische galerij op porselein. Wanneer de B&O-pagina donker is, wordt het kunstwerk verlicht, als een sculptuur in een nachtelijke nis; wanneer het verlicht is, lijkt het kunstwerk te zweven op witte zijde, zonder dat iets anders de aandacht afleidt.
Bang & Olufsen werkt volgens een galerie-museumprincipe: bijna witte porseleinen doeken waarop producten als sculpturale objecten zweven, onderbroken door incidentele kleuraccenten die de volledige breedte van het scherm beslaan – een diep ultramarijnpaars dat het hele scherm vult, soms een rijk terracottarood – voor emotionele details. De typografie bestaat uit één speciaal ontworpen neogrotesk lettertype (BeoSupreme) dat voor zichzelf spreekt: nauwelijks zichtbaar op grote schermen, royaal gevulde hoofdletters op microlabels, geen ander lettertype nodig. Componenten zijn tot een minimum beperkt: doorschijnende pilvormige bedieningselementen, dunne randen, geen decoratieve schaduwen, geen knoppen met kleurverloop, geen iconen. Het raster is ruim, negatieve ruimte is een luxe. Elk product krijgt zijn eigen zwevende sokkel; het omringende wit is ruimte. Kleur wordt verdeeld als een kostbaar materiaal – wanneer het verschijnt, vult het het hele beeld.
De container met een maximale breedte van 1440px is gecentreerd en heeft 25px horizontale marges aan de randen. Het hero-element beslaat de volledige breedte van de pagina (waardoor de container wordt doorbroken) en de ultramarijnblauwe camera loopt van rand tot rand. Productrasters zijn gelijkmatig ingedeeld in 4-5 kolommen met tussenruimte van 25px en scrollen horizontaal op mobiele apparaten. Secties wisselen af tussen een witte achtergrond en gekleurde camera's over de volledige breedte – het ritme is als volgt: wit productraster → ultramarijnblauw hero-element → wit productraster → rijkrode redactionele banner → wit productraster → ultramarijnblauwe footer. De navigatie is een minimalistische bovenbalk die boven de witte en gekleurde secties zweeft (tekst is omgekeerd: wit op een donkere achtergrond). De pagina "ademt" – de tussenruimte tussen secties is 60-80px, individuele producten hebben hun eigen ruimte binnen de cellen en er is geen sprake van overmatige informatiedichtheid.
Productfotografie is het enige visuele element: geen lifestylefoto's, modellen of omgevingscontext. Producten worden gefotografeerd tegen een volledig neutrale achtergrond (wit, zwart en een donkerblauwe kleurovergang) met gecontroleerde studioverlichting die de materialen accentueert: mat aluminium, leerstructuur, geanodiseerd koper en matte siliconen. De uitsnede is strak, gecentreerd en het hoofdonderwerp wordt benadrukt. De kleurweergave is gedempt en passend bij het materiaal: koper wordt waargenomen als koper, niet als "gouden uur". Secundaire visuele motieven zijn onder andere spaarzame, schermvullende productsilhouetten tegen rijke, monochrome vlakken (ultramarijn, terracotta rood) voor dramatische redactionele momenten. Iconografie: dunne lijn van 1 pixel, monochroom zwart op wit of wit op donker, geometrisch, geen opvulling, geen meerdere kleuren.
Palet
Merk
- Ultramarine Velvet
#060daa— Achtergrondafbeeldingen bovenaan en onderaan pagina's, dramatische secties die de volledige breedte van de pagina beslaan, en voettekstvullingen – een rijke, bijna zwart-blauw-violette kleur die wordt gebruikt om hele kaders te vullen en een theatraal gevoel te geven aan een enkel product.
Neutrale
- Porcelain Canvas
#ffffff— Achtergrondafbeeldingen van pagina's, het ontwerp van productkaarten en navigatiebalken vormen de fundamentele basis waarop elk product is gebouwd. - Bone
#fcfaee— Een secundaire ondergrond voor blokken in warme, neutrale tinten, knoptekst op een donkere achtergrond, een alternatief canvas wanneer wit steriel aanvoelt. - Obsidian
#191817— De hoofdtekst en de productbeschrijving hebben een warme, bijna zwarte kleur die zachter oogt dan puur zwart (#000000) op een witte achtergrond. - Pure Ink
#000000— Pictogramcontouren, microtags, subtiele randen en de scherpste tekstcontrasten. - Graphite
#555555— Secundaire tekst, metadata, prijskaartjes, stille hulptekst - Mist
#e5e5e5— Dunne grenzen tussen de invoergegevens en de enige structurele scheiding in het systeem.
Typografie
van 12 tot 36px · 5 stappen
- BeoSupreme — vervanging: Neue Haas Grotesk Display Pro (closest) · overzichten 400, 500, 700 · Eén lettertype dat de volledige merkidentiteit weerspiegelt. Voor titels en kopjes: gewicht 500–700, 24–36px met een kleine letterafstand (-0.056em → -0.014em) voor zelfverzekerde, bondige koppen. Voor de hoofdtekst en de gebruikersinterface: gewicht 400, 14–16px, normale letterafstand, regelafstand 1,5–1,7. Microlabels (navigatie, pictogrammen, de slogan "Opgericht in 1925"): gewicht 500, 9–12px met een ruime letterafstand tot +0,143em, weergegeven in hoofdletters voor gebruik als onopvallende architectonische annotaties. Er is geen ander concurrerend lettertype.
- object-fit: cover; object-position: center; — vervanging: Inter · overzichten 400 · object-fit: cover; object-position: center; - gevonden in de geëxtraheerde gegevens, maar niet beschreven door de AI.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-16px |
| Knopradius | 40px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 60-80px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Bang & Olufsen en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Structured — Renaissance-galerij op plasticine-achtig papier
- Apple (España) — De museumgalerie, badend in zacht daglicht, is één grote, fascinerende, gewichtloze witte ruimte, waarbij elk object wordt verlicht door een spotlicht tegen een licht getinte muur.
- Apple (España) — De Obsidian Gallery is een donkere tentoonstellingsruimte waar een enkel titanium object oplicht tegen een pikzwarte achtergrond.
- 099 SUPPLY — Een galeriewand gevuld met zwart-witte objecten.
- Custo — Een galerij in metaalkleur met een monolithisch lettertype. Een showroom in gedempte grijsgroene tinten, waar een enkel donker object en een lettertype van 57px voor zich spreken.
- Apple (España) — De White Museum Gallery om 12.00 uur.
- VITURE — Een productpresentatie in neonlicht achter pikzwart glas – een donkere showroom waar een enkele oranje lichtstraal door de duisternis snijdt en een bril op een standaard verlicht.
- HNST Studio — Een knusse studio met roestkleurige linnen stoffen is een slow fashion-galerie waar een enkel accent van terracotta het verder sobere interieur van crème en antraciet wat warmer maakt.
- OFFFICE : — een noir-galerie gehuld in een monolithisch lettertype
- ARTU — Galeriewand op wit papier. ARTU behandelt de kijkruimte als een museumtentoonstelling: grote productfoto's, subtiele markeringen en een vleugje limoengroen onderaan dat de compositie compleet maakt.
- Specht Studio — Een galeriewand vol subtiele curiositeiten. De chroomafwerking van de studio zelf bestaat uit een wit oppervlak met zwarte letters; het visuele spektakel is volledig geconcentreerd in het tegelwerk van het project.
- Apple iPhone Duo — Een opvouwbaar apparaat in een witte galerij. Visuele weergaven van het product staan in het midden, terwijl de typografie en de blauwe bedieningselementen bewust ingetogen zijn gehouden.