Bang & Olufsen
Skandinavesch Galerie op Porzellan. Wann d'B&O Säit däischter ass, ass d'Stéck beliicht, wéi eng Skulptur an enger Nisch ëm Mëtternuecht; wann et beliicht ass, schéngt d'Stéck op wäisser Seid ze schwiewen, ouni datt soss seng Opmierksamkeet oflenkt.
Bang & Olufsen funktionéiert no engem Galerie-Musée-Prinzip: bal wäiss Porzellan-Leinwanden, op deenen d'Produkter wéi skulptural Objeten schwiewen, ënnerbrach vun heiansdo chromateschen Asätz, déi déi ganz Breet vum Bildschierm iwwerspanen - e déift ultramarinviolett, dat de ganze Bildschierm ophëlt, heiansdo e räicht Terrakottarout - fir emotional Akzenter. D'Typographie ass eng eenzeg, speziell entworf neo-grotesk Schrëft (BeoSupreme), déi fir sech selwer schwätzt: kaum bemierkbar op grousse Bildschirmer, generéis gefëllte Groussbuschtawen op Mikro-Etiketten, keng aner Schrëften erfuerderlech. Komponenten sinn op e Minimum reduzéiert: duerchsiichteg pillefërmeg Kontrollen, dënn Borduren, keng dekorativ Schied, keng Gradientknäppercher, keng Ikonen. De Raster ass generéis, den negativen Raum ass e Luxus. All Produkt kritt säin eegene schwiewende Sockel; dat ëmleiend Wäiss ass Raum. D'Faarf gëtt verdeelt wéi e wäertvollt Material - wann se erschéngt, besetzt se de ganze Frame.
De Container mat maximaler Breet vun 1440px ass zentréiert an huet 25px horizontal Margen op de Kanten. Den Hero-Element hëlt déi ganz Breet vun der Säit an (doduerch brécht de Container), an d'ultramarin Kamera erstreckt sech vu Rand zu Rand. Produktgitter sinn gläichméisseg a 4-5 Kolonnen mat 25px Lücken verdeelt a scrollen horizontal op mobilen Apparater. Sektiounen wiesselen tëscht engem wäissen Hannergrond a faarwege Kameraen a voller Breet - de Rhythmus ass wéi follegt: wäisst Produktgitter → ultramarin Hero-Element → wäisst Produktgitter → déifroude redaktionelle Banner → wäisst Produktgitter → ultramarin Fousszeil. D'Navigatioun ass eng minimalistesch iewescht Leescht, déi iwwer de wäissen a faarwege Sektiounen schwëmmt (Text gëtt op engem donkelen Hannergrond op wäiss ëmgedréint). D'Säit "ootmet" - d'Lücken tëscht de Sektiounen sinn 60-80px, eenzel Produkter hunn hiren eegene Raum an den Zellen, an et gëtt keng Informatiounsdicht.
Produktfotografie ass dat eenzegt visuellt Element: keng Lifestyle-Biller, Modeller oder Ëmweltkontext. D'Produkter gi virun engem reng neutralen Hannergrond (wäiss, schwaarz a gradientéiert donkelblo) mat kontrolléierter Studiobeliichtung fotograféiert, déi d'Materialien ervirhieft: matt Aluminium, Liedertextur, eloxéiert Koffer a matt Silikon. D'Ausschneiden ass enk, zentréiert, an den Haaptmotiv gëtt ervirgehuewen. D'Faarfduerstellung ass gedämpft an dem Material entspriechend: Koffer gëtt als Koffer ugesinn, net als "gëlle Stonn". Sekundär visuell Motiver enthalen spuersam, Vollbildproduktsilhouetten géint räich, monochromatesch Flächen (ultramarin, terrakottarout) fir dramatesch redaktionell Momenter. Ikonographie: dënn 1px Linn, monochrom schwaarz op wäiss oder wäiss op donkel, geometresch, keng Fëllung, keng Multicolor.
Palette
Mark
- Ultramarine Velvet
#060daa— Hannergrondbiller uewen an ënnen op de Säiten, dramatesch Sektiounen, déi déi ganz Breet vun der Säit erstrecken, a Fousszeilen - eng räich, bal schwaarz-blo-violett Faarf, déi benotzt gëtt, fir ganz Biller ze verschléngen an engem eenzege Produkt e theatralt Gefill ze ginn.
Neutral
- Porcelain Canvas
#ffffff— Säitenhannergrondbiller, Produktkaartdesign an Navigatiounsbaren sinn déi fundamental Basis, op där all Produkt opgebaut ass. - Bone
#fcfaee— Eng zweet Uewerfläch fir waarm neutral Téin fir Blöcke, Knäppchentext op engem donkelen Hannergrond, eng alternativ Leinwand wann Wäiss sech steril ufillt. - Obsidian
#191817— Den Haapttext an den Text vun der Produktbeschreiwung hunn eng waarm, bal schwaarz Faarf, déi méi mëll ausgesäit wéi reng #000000 op engem wäissen Hannergrond. - Pure Ink
#000000— Ikonkonturen, Mikrotags, subtil Grenzen an déi schaarfst Textkontraster. - Graphite
#555555— Sekundärtext, Metadaten, Präisschëlter, stëll Hëllefstext - Mist
#e5e5e5— Dënn Grenzen vun den Inputdaten an deen eenzege strukturellen Trenner am System.
Typographie
vun 12 bis 36px · 5 Schrëtt
- BeoSupreme — Ersatz: Neue Haas Grotesk Display Pro (closest) · Konturen 400, 500, 700 · Eng eenzeg Schrëft, déi déi ganz Markenidentitéit reflektéiert. Fir Titelen an Iwwerschrëften: Gewiicht 500–700, 24–36px mat engem knappen Buschtawenofstand (-0,056em → -0,014em) fir selbstbewosst, präzis Iwwerschrëften. Fir Kierpertext an UI: Gewiicht 400, 14–16px, normalen Buschtawenofstand, Zeilenofstand 1,5–1,7. Mikrolabels (Navigatioun, Ikonen, de Slogan "Gründet 1925"): Gewiicht 500, 9–12px mat engem breede Buschtawenofstand bis zu +0,143em, a Groussbuschtawen ugewisen, fir als onopfälleg architektonesch Annotatiounen ze benotzen. Et gëtt keng aner konkurréierend Schrëft.
- object-fit: cover; object-position: center; — Ersatz: Inter · Konturen 400 · object-fit: cover; object-position: center; - an den extrahéierten Donnéeën fonnt, awer net vun der KI beschriwwen.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8-16px |
| Knäppchenradius | 40px |
| Kaarteradius | 0px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 60-80px |
| Säitebreet | 1440px |
KI baut Är Websäit am Stil vun Bang & Olufsen op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Structured — Renaissance-Galerie op Plastikin-ähnleche Pabeier
- Apple (España) — D'Muséesgalerie ass bei mëllen Dagesliicht een eenzegen, fesselnd, gewichtslose wäisse Raum, wou all Ausstellungsstéck vun engem Spotlight géint eng liicht getéint Mauer beliicht ass.
- Apple (España) — D'Vitrine vun der Obsidian Gallery ass eng däischter Ausstellungshal, wou en eenzegt Titanobjet virun engem stockschwaarzen Hannergrond liicht.
- 099 SUPPLY — Eng Galeriemauer gefëllt mat schwaarz-wäissen Objeten
- Custo — Eng gunmetallfaarweg Galerie mat enger monolithescher Schrëft. E Showroom a gedämpfte gro-gréngen Téin, wou een eenzegt donkelt Objet an eng 57px Schrëft fir sech schwätzen.
- Apple (España) — D'Galerie vum Wäissen Musée um Mëtteg
- VITURE — Eng Neonproduktpresentatioun hannert Mëtternuechtsglas – e verdunkelte Showroom, wou en eenzegen orange Stral duerch d'Däischtert schneid an eng Brëll op engem Stänner beliicht
- HNST Studio — E gemittlecht Atelier mat rostgefierfte Léngenstoffer ass eng Slow Fashion-Galerie, wou en eenzegen Akzent vu verbranntem Orange dat soss monastescht Interieur aus Crème an Holzkuel wiermt.
- OFFFICE : — eng Noir-Galerie, déi vun enger monolithescher Schrëft verschléckt ass
- ARTU — Galeriemauer op wäissem Pabeier. ARTU behandelt de Betrachterraum wéi e Musée-Opschlag - grouss Produktfotoen, subtil Markéierungen an eng eenzeg Limett um Buedem, déi d'Kompositioun komplettéieren.
- Specht Studio — Eng Galeriemauer voller diskreter Virwëtz. Déi Chrom-Uewerfläch vum Studio selwer besteet aus enger wäisser Uewerfläch a schwaarzer Buschtawen; dat visuellt Feierwierk ass komplett an de Fliesenaarbechte vum Projet konzentréiert.
- MindMarket — E gemittlecht Mäerchebuch op crèmefaarwege Pabeier - eng frëndlech redaktionell Leinwand, wou grouss Inter-Schlagzeilen a ausgeschniddene Pabeierfiguren op enger sonneger, stickermëller Uewerfläch koexistéieren.