Bang & Olufsen
Portzelanazko galeria eskandinaviarra. B&O orrialdea ilun dagoenean, pieza argiztatuta dago, gauerdiko alkoba bateko eskultura bat bezala; argiztatuta dagoenean, pieza zeta zuriaren gainean flotatzen ari dela dirudi, bere arreta distraitzen duen beste ezer gabe.
Bang & Olufsenek galeria-museo printzipio batean funtzionatzen du: ia zuriak diren portzelanazko mihiseak, eta horien gainean produktuak eskultura-objektuak balira bezala flotatzen dira, pantailaren zabalera osoa hartzen duten txertatze kromatikoek eteten dituztela —pantaila osoa hartzen duen ultramarino bioleta sakon batek, batzuetan terrakota gorri aberats batek— azentu emozionaletarako. Tipografia letra-tipo neogrotesko bakarra da, neurrira diseinatua (BeoSupreme), berez hitz egiten duena: ia ez da nabaritzen pantaila handietan, maiuskulak ugari beteta mikro-etiketetan, ez da beste letra-tiporik behar. Osagaiak gutxienekora murrizten dira: kontrol zeharrargiak pilula itxurakoak, ertz meheak, itzal apaingarririk ez, gradiente botoirik ez, ikonorik ez. Sareta eskuzabala da, espazio negatiboa luxu bat da. Produktu bakoitzari bere oinarri flotagarria ematen zaio; inguruko zuria espazioa da. Kolorea material preziatu bat bezala banatzen da: agertzen denean, marko osoa hartzen du.
1440px-ko gehienezko zabalera duen edukiontzia erdian dago eta 25px-ko marjina horizontalak ditu ertzetan. Hero elementuak orriaren zabalera osoa hartzen du (edukiontzia hautsiz), eta ultramarine kamera ertzetik ertzera hedatzen da. Produktuen saretak 4-5 zutabetan uniformeki antolatuta daude, 25px-ko tarteekin, eta gailu mugikorretan horizontalki mugitzen dira. Atalak atzeko plano zuriaren eta zabalera osoko koloretako kameren artean txandakatzen dira; erritmoa honako hau da: produktuen sareta zuria → ultramarine heroi elementua → produktuen sareta zuria → editorialaren banner gorri aberatsa → produktuen sareta zuria → ultramarine oin-oharra. Nabigazioa goiko barra minimalista bat da, atal zuri eta koloredunen gainean flotatzen duena (testua alderantzikatuta dago zurira atzeko plano ilun batean). Orrialdeak "arnasa hartzen du": atalen arteko tarteak 60-80px-koak dira, produktu bakoitzak bere espazioa du gelaxken barruan, eta ez dago informazio-dentsitaterik.
Produktuen argazkilaritza da elementu bisual bakarra: ez bizimoduaren irudirik, modelorik edo ingurumen-testuingururik. Produktuak atzealde neutroen aurrean ateratzen dira (zuria, beltza eta urdin ilun gradientea), materialak nabarmentzen dituen estudioko argiztapen kontrolatuarekin: aluminio matea, larruzko ehundura, kobre anodizatua eta silikona matea. Mozketa zehatza eta zentratua da, eta subjektu nagusia azpimarratzen da. Koloreen erreprodukzioa isila da eta materialarentzat egokia: kobrea kobre gisa hautematen da, ez "urrezko ordua" bezala. Bigarren mailako motibo bisualen artean, produktuen silueta urriak eta pantaila osokoak daude, plano monokromatiko aberatsen aurka (ultramarina, terrakota gorria), une editorial dramatikoetarako. Ikonografia: 1px-ko lerro mehea, beltza monokromoa zuriaren gainean edo zuria ilunaren gainean, geometrikoa, betegarririk gabe, kolore anitzekorik gabe.
Paleta
Marka
- Ultramarine Velvet
#060daa— Orrialdeen goialdean eta behealdean dauden atzeko planoaren irudiak, orriaren zabalera osoa hartzen duten atal dramatikoak eta oin-oharrak —kolore aberatsa, ia beltza-urdin-bioleta, fotograma osoak irensteko eta produktu bakar bati itxura teatrala emateko erabiltzen dena.
Neutroa
- Porcelain Canvas
#ffffff— Orrialdeen atzeko planoaren irudiak, produktuaren txartelaren diseinua eta nabigazio-barrak dira produktu oro eraikitzen den oinarrizko oinarria. - Bone
#fcfaee— Bigarren mailako gainazal bat tonu neutro epeleko blokeetarako, botoien testua atzealde ilun batean, mihise alternatibo bat zuria antzua sentitzen denean. - Obsidian
#191817— Testu nagusia eta produktuaren deskribapenaren testua kolore bero eta ia beltza dira, atzealde zuri batean #000000 hutsa baino leunagoa dirudiena. - Pure Ink
#000000— Ikonoen eskemak, mikroetiketak, ertz sotilak eta testu-kontraste zorrotzenak. - Graphite
#555555— Bigarren mailako testua, metadatuak, prezio-etiketak, laguntzaile-testu isila - Mist
#e5e5e5— Sarrerako datuen muga meheak eta sistemako egitura-bereizle bakarra.
Tipografia
12tik 36px-ra · 5 urrats
- BeoSupreme — ordezkapena: Neue Haas Grotesk Display Pro (closest) · eskemak 400, 500, 700 · Markaren identitate osoa islatzen duen letra-tipo bakarra. Izenburu eta goiburuetarako: 500–700 pisua, 24–36px, letren arteko tarte estuarekin (-0.056em → -0.014em), izenburu sendo eta zehatzak lortzeko. Gorputzeko testurako eta erabiltzaile-interfazerako: 400 pisua, 14–16px, letren arteko tarte normala, lerro arteko tartea 1.5–1.7. Mikroetiketak (nabigazioa, ikonoak, "1925ean sortua" leloa): 500 pisua, 9–12px, +0.143em-rainoko letren arteko tarte zabalarekin, maiuskulaz bistaratuta, arkitektura-ohar diskretu gisa erabiltzeko. Ez dago beste letra-tipo lehiakiderik.
- object-fit: cover; object-position: center; — ordezkapena: Inter · eskemak 400 · objektu-egokitzapena: estalkia; objektu-posizioa: zentroa; - ateratako datuetan aurkitua baina IA-k deskribatu ez duena.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8-16px |
| Botoiaren erradioa | 40px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 60-80px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea Bang & Olufsen estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Structured — Plastilina itxurako paperean egindako errenazimentuko galeria
- Apple (España) — Museoaren galeria, egunez argi leunean, espazio zuri bakarra, liluragarria eta pisurik gabekoa da, erakusketa bakoitza horma arin tindatu baten kontrako foku batek argiztatuta duela.
- Apple (España) — Obsidian Galeriaren erakusleihoa erakusketa-areto ilun bat da, non titaniozko objektu bakar bat distira egiten duen atzealde beltz baten gainean.
- 099 SUPPLY — Galeria-horma bat objektu zuri-beltzez beteta
- Custo — Galeria brontze kolorekoa, letra-tipo monolitiko batekin. Erakusleiho bat, gris-berde tonu apalekin, non objektu ilun bakar batek eta 57px-ko letra-tipo batek berez hitz egiten duten.
- Apple (España) — Museo Zuriaren Galeria eguerdian
- VITURE — Neon produktu aurkezpen bat gauerdiko kristalezko atzean – erakusleiho ilun bat, non laranja koloreko izpi bakar batek iluntasuna zeharkatzen duen, euskarri batean dauden betaurreko pare bat argiztatuz.
- HNST Studio — Herdoil-zikinkeriaz zikindutako lihozko oihalak dituen estudio eroso bat moda geldoko galeria bat da, non laranja errearen azentu bakar batek krema eta ikatz koloreko barrualde monastikoa berotzen duen.
- OFFFICE : — letra-tipo monolitikoz inguratutako galeria noir bat
- ARTU — Galeria-horma paper zurian. ARTUk ikus-eremua museo baten moduan tratatzen du: produktuen argazki handiak, marka sotilak eta beheko aldean limoi ukitu bakarra, konposizioa osatzen duena.
- Specht Studio — Jakin-min diskretuz betetako galeria-horma bat. Estudioaren kromo akabera gainazal zuria eta letra beltzak dira; su artifizial bisualak proiektuaren teila-lanetan kontzentratzen dira erabat.
- MindMarket — Krema koloreko paperean idatzitako ipuin-liburu erosoa - mihise editorial atsegina, non Inter aldizkariko izenburu handiak eta moztutako paper-pertsonaiak eguzkiz blaitutako gainazal leun eta itsasgarri batean bizi diren.