Bang & Olufsen
Skandinavyske galery oer porselein. As de B&O-pagina tsjuster is, is it stik ferljochte, lykas in byldhouwurk yn in middernachtsnis; as it ferljochte is, liket it stik te driuwen op wite side, sûnder dat der oars de oandacht ôfliede kin.
Bang & Olufsen wurket neffens in galery-museumprinsipe: hast wite porseleinen doeken wêrop produkten sweve as byldhouwurken, ûnderbrutsen troch sa no en dan chromatyske ynfoegsels dy't de hiele breedte fan it skerm beslaan - in djip ultramarijnfiolet dat it hiele skerm yn beslach nimt, soms in ryk terrakotta-read - foar emosjonele aksinten. De typografy is in inkele, op maat ûntworpen neo-groteske lettertype (BeoSupreme) dy't foar himsels sprekt: amper merkber op grutte skermen, royaal folde haadletters op mikro-labels, gjin oare lettertypen nedich. Komponinten binne ta in minimum beheind: trochsichtige pilfoarmige kontrôles, tinne rânen, gjin dekorative skaden, gjin kleurferrinknoppen, gjin ikoanen. It raster is royaal, negative romte is in lúkse. Elk produkt krijt syn eigen swevende plint; it omlizzende wyt is romte. Kleur wurdt ferspraat as in kostber materiaal - as it ferskynt, nimt it it hiele frame yn beslach.
De kontener mei maksimale breedte fan 1440px is sintraal en hat 25px oan horizontale marzjes oan 'e rânen. It helde-elemint nimt de hiele breedte fan 'e pagina yn beslach (de kontener ûnderbrekt), en de ultramaryne kamera rint fan râne oant râne. Produktrasters binne evenredich yndield yn 4-5 kolommen mei gatten fan 25px en rôlje horizontaal op mobile apparaten. Seksjes wikselje ôf tusken in wite eftergrûn en kleure kamera's mei folsleine breedte - it ritme is as folget: wyt produktraster → ultramaryn helde-elemint → wyt produktraster → rike reade redaksjonele banner → wyt produktraster → ultramaryne fuottekst. Navigaasje is in minimalistyske boppeste balke dy't boppe de wite en kleurde seksjes sweeft (tekst wurdt omkeard nei wyt op in donkere eftergrûn). De pagina "sykhellet" - de gatten tusken seksjes binne 60-80px, yndividuele produkten hawwe har eigen romte binnen de sellen, en d'r is gjin ynformaasjetichtens.
Produktfotografy is it ienige fisuele elemint: gjin libbensstylôfbyldings, modellen of miljeukontekst. Produkten wurde opnommen tsjin suver neutrale eftergrûnen (wyt, swart en donkerblau mei in kleurferrin) mei kontroleare studioferljochting dy't de materialen markearret: mat aluminium, leartekstuer, anodisearre koper en matte silikon. De útsnijing is strak, sintraal, en it haadûnderwerp wurdt beklamme. De kleurwerjefte is gedempt en passend by it materiaal: koper wurdt waarnommen as koper, net as "gouden oere". Sekundêre fisuele motiven omfetsje sparse, folslein-skerm produktsilhouetten tsjin rike, monochromatyske flakjes (ultramarijn, terrakotta read) foar dramatyske redaksjonele mominten. Ikonografy: tinne 1px-line, monochroom swart op wyt of wyt op tsjuster, geometrysk, gjin opfoling, gjin mearkleur.
Palet
Merk
- Ultramarine Velvet
#060daa— Eftergrûnôfbyldings boppe- en ûnderoan siden, dramatyske seksjes dy't de hiele breedte fan 'e side beslaan, en fuottekstopvullingen - in rike, hast swart-blau-fiolette kleur dy't brûkt wurdt om hiele frames te oerslokken en in teatraal gefoel te jaan oan ien produkt.
Neutraal
- Porcelain Canvas
#ffffff— Eftergrûnôfbyldings fan siden, ûntwerp fan produktkaarten en navigaasjebalken binne de fûnemintele basis wêrop elk produkt boud is. - Bone
#fcfaee— In sekundêr oerflak foar waarme neutrale toanen fan blokken, knoptekst op in donkere eftergrûn, in alternatyf doek as wyt steryl fielt. - Obsidian
#191817— De haadtekst en produktbeskriuwingstekst hawwe in waarme, hast swarte kleur dy't sêfter útsjocht as suvere #000000 op in wite eftergrûn. - Pure Ink
#000000— Ikoanomtrekken, mikrotags, subtile rânen en de skerpste tekstkontrasten. - Graphite
#555555— Sekundêre tekst, metadata, priiskaartsjes, stille helptekst - Mist
#e5e5e5— Tinne ynfiergegevensgrinzen en de ienige strukturele skieder yn it systeem.
Typografy
fan 12 oant 36px · 5 stappen
- BeoSupreme — ferfanging: Neue Haas Grotesk Display Pro (closest) · sketsen 400, 500, 700 · Ien lettertype dat de hiele merkidentiteit wjerspegelet. Foar titels en kopteksten: gewicht 500–700, 24–36px mei krappe letterôfstân (-0.056em → -0.014em) foar selsbewuste, bondige koppen. Foar lichemtekst en brûkersynterface: gewicht 400, 14–16px, normale letterôfstân, rigelôfstân 1.5–1.7. Mikrolabels (navigaasje, ikoanen, de slogan "Oprjochte yn 1925"): gewicht 500, 9–12px mei brede letterôfstân oant +0.143em, werjûn yn haadletters foar gebrûk as ûnopfallende arsjitektoanyske annotaasjes. Der is gjin oar konkurrearjend lettertype.
- object-fit: cover; object-position: center; — ferfanging: Inter · sketsen 400 · object-fit: cover; object-position: center; - fûn yn 'e ekstrahearre gegevens mar net beskreaun troch de AI.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-16px |
| Knopradius | 40px |
| Kaartradius | 0px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 60-80px |
| Sidebreedte | 1440px |
AI sil jo webside bouwe yn Bang & Olufsen -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Structured — Renêssânsegalery op plastisine-eftich papier
- Apple (España) — De museumgalery, by sêft deiljocht, is ien, boeiende, gewichtleaze wite romte, mei elke tentoanstelling ferljochte troch in spotlight tsjin in licht getinte muorre.
- Apple (España) — De vitrine fan 'e Obsidian Gallery is in tsjustere tentoanstellingshal dêr't in inkel titaniumobjekt gloeit tsjin in pikswarte eftergrûn.
- 099 SUPPLY — In galerymuorre fol mei swarte en wite objekten
- Custo — In gewearmetaalkleurige galery mei in monolitysk lettertype. In showroom yn gedempte griisgriene toanen, dêr't in inkele tsjustere objekt en in lettertype fan 57px foar harsels sprekke.
- Apple (España) — De Wite Museumgalery om 'e middei
- VITURE — In neonproduktpresintaasje efter middernachtsglês - in tsjustere showroom dêr't in inkele oranje striel troch it tsjuster snijt en in bril op in stander ferljochtet
- HNST Studio — In noflike studio mei roestbevlekte linnen stoffen is in slow fashion-galery dêr't in inkele aksint fan brânoranje it oars monastyske ynterieur fan crème en houtskoal waarm makket.
- OFFFICE : — in noir-galery omhuld troch in monolitysk lettertype
- ARTU — Galerymuorre op wyt papier. ARTU behannelet de besjochromte as in museumútwreiding - produktfoto's op grutte skaal, subtile markearrings en in inkele oanrekking fan kalk oan 'e ûnderkant dy't de komposysje kompleet makket.
- Specht Studio — In galerymuorre fol mei diskrete nijsgjirrigens. De eigen chrome finish fan 'e studio is in wyt oerflak en swarte letters; it fisuele fjoerwurk is folslein konsintrearre yn it tegelwurk fan it projekt.
- MindMarket — In noflik mearkeboek op crèmekleurich papier - in freonlik redaksjoneel doek dêr't grutte Inter-koppen en útsnien papieren personaazjes neist elkoar besteane op in sinnich, sticker-sêft oerflak.