Nike
Kirol lorpenen galeria monokromo bat – horma zuriak, produktua artelan gisa, kromoa atzealdean disolbatuta
Nike.com-ek produktuan oinarritutako galeria monokromo gisa funtzionatzen du: erabiltzaile-interfazea ia ikusezina da, produktuen argazkiak pantaila guztietan ikus daitezen. Interfaze osoa beltzez, zuriz eta hiru gris tonuz eraikita dago —kolore azentu gabe, gradiente apaingarririk gabe, kromo bero eta bereizgarririk gabe. Nike-ren estilo bereizgarria galeriaren logotipoan eta argazkietan bizi da, baina inoiz ez erabiltzaile-interfazean bertan. Tipografia trinkoa eta utilitarioa da, 12-20px-ko Helvetica Now letra-tipo familia pertsonalizatu batean oinarrituta, eta goiburuetarako 76px-ko Nike Futura ND logotipo handi bakarra. Osagaiak minimalistak dira: 30px-ko erradioko pilula formako botoiak, produktu-txartel lauak, ertz meheak eta ia zero altuera-aldea. Orrialdeak produktuen gainazal zuri hutsak eta atal editorial ilun eta deigarriak txandakatzen ditu, erritmoa sortuz kontrastearen bidez, apaingarrien bidez baino.
Orrialdeak erritmo editorial sendo bat jarraitzen du: goiburu ilun, deigarri eta zabalera osokoa, produktu bakarra eta izenburu handi bat dituena, ondoren 2x2 kategoria-sareta zabalera osokoa, 3 zutabetan produktu-txartelen sareta horizontalki mugitzen dena, eta azkenik oin-oin trinko eta zutabe anitzekoa. Eduki-bloke guztiek ikuspegi-leihoaren zabalera osoa hartzen dute, edukiontziaren zabalera maximorik gabe; zabalera maximoaren muga nabigazioari eta oin-oinaren esteken saretari soilik aplikatzen zaio. Atalen arteko trantsizioak zorrotzak dira: goiburu beltza → kategoria-sareta zuria → produktu-sareta zuria → oin-oin zuria, ertz gris estuak juntura bisual bakarra direlarik. Nabigazioa barra minimalista eta bi mailakoa da (esteka laguntzaileak goialdean, kategoria nagusiak erdian), finkatzerik, atzeko planorik eta itzalik gabe. Eduki-dentsitatea trinkoa da produktu-sareetan (txartelen arteko tarte estua) eta zabala goiburuan (ikusmen-leiho osokoa).
Argazkilaritza da elementu bisual nagusia eta markaren identitate osoa definitzen du. Sistemak kalitate handiko produktuen argazki fotograma osokoak erabiltzen ditu: kirol oinetakoak banan-banan argazkitan aterata atzealde ilun edo gradiente baten aurrean, markoa betetzeko moztuta, bizimodu testuingururik gabe. Bizimodu irudiak kategorien barruan agertzen dira, kirolarien oinak eta hankak mugimenduan erakutsiz. Kontraste handiko kolore eskema saturatua erabiltzen da: oinetako gorriak atzealde beltz baten aurrean, neon azentuak zola zurien gainean, eta argiztapen bero eta hotza materialak dramatizatzeko. Ez da ilustraziorik, grafiko abstrakturik edo 3D errendatzerik erabiltzen. Irudiek beti dituzte ertz garbiak (ez dago izkin biribildurik argazki ontzietan), beti hartzen dute espazio osoa beren blokeen barruko eta beti testu gainjarri minimo batekin batera doaz. Ikonografia guztiz funtzionala da: bilaketa, nahien zerrenda, saskia eta konturako eskema ikonoak Obsidiana edo Altzairu koloretan.
Paleta
Neutroa
- Obsidian
#111111— Kolore ilunak testu eta ikono neutroekin bat egiten du eta kontraste handia sortzen du. Saihestu ekintzarako deietarako kolore nagusi gisa erabiltzea. - Paper White
#ffffff— Orriaren atzeko planoa, txartelaren gainazala, botoien testua atzeko plano ilun batean, ikonoen eskema — produktuen sareta eta kategoria atalen mihise lehenetsia. - Concrete Gray
#e5e5e5— Ertzak, banatzaileak, sareta-atalak bereizten dituzten lerro meheak, sarrera-eremuen eskema sotilak. - Soft Mist
#f5f5f5— Bigarren mailako gainazaletarako atzeko planoaren kolore sotila, bilaketa-eremua betetzeko nabigazioa, etiketa-atzeko planoa. - Steel
#707072— Bigarren mailako testua, laguntza-testu isila, ikonoen eskema murriztuak, ogi-apurren etiketak, oin-oinen esteken bereizleak. - Faint Gray
#9e9ea0— Ikonoen eskemak, UI elementu txikiak eta nabarmentze gutxi duten ertzak desgaituta daude.
Tipografia
12tik 76px-ra · 6 urrats
- Helvetica Now Text Medium — ordezkapena: Inter · eskemak 500 · Helvetica Now Text Medium letra-tipoa - bildutako datuetan aurkitu da, baina ez du adimen artifizialak deskribatu.
- Helvetica Now Text — ordezkapena: Inter or Helvetica Neue · eskemak 400, 500 · Erabiltzaile interfazearen testu nagusia - nabigazio estekak, botoien etiketak, txartelen izenburuak, produktuen izenak, oin-zerrendak, gorputzeko testu guztia.
- Helvetica Now Display Medium — ordezkapena: Inter Medium or Helvetica Neue Medium · eskemak 500 · Atalen izenburuak, txartelen kategoria-etiketak, tamaina ertaineko izenburuak - Letra-tipo ertaina (20-24px) Nike-ren izenburuen ezaugarri nagusia da, diseinu-elementu handiak ez direnak: inoiz ez lodiak, beti zehatzak.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 30px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 48px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea Nike 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
- Airbnb — Galeria-horma zuri lasai bat, koral gorrizko laster-marka bakarrarekin
- Apple (España) — galeria zuriaren erakusleihoa
- Silencio — Gela zuri bat artefaktu flotatzaileak dituena. Paper beroz egindako galeria-erakusketa bat, non elementu bakoitzak bere lekua hartzen duen bolumen negatiboko atzealde baten aurrean, eta isiltasuna diseinu-erabaki nahita bat den.
- Oakâme — Harri epelez zizelkatutako Proventzako tailer eguzkitsu bat
- Arc — Galeria zuri industriala gauerdiko uraren gainean
- Rivian — Monolito elektriko bat galeriaren hormigoizko horman. Rivianek ibilgailu bakoitza eskultura gisa aurkezten du espazio zuri zabal baten aurrean, hain tipografia handia elementu arkitektoniko bihurtzen delarik, eta hori bero bakarrarekin, atmosfera monokromatikoa hausten duena, gainazal mate batean eguzki-argia bezala.
- Analogue — Galeria beltzaren erakusleihoa – ondasunak hutsunean flotatzen
- ddna — museoko erakusleiho epela liho tratatu gabean
- Zellerfeld — Eskultore baten tailerra marmol zurian —pedestalaren gainazal monolitikoak, kobaltozko txinparta bakarra, letra minuskulen xuxurla zorutik sabairaino
- UY Studio — Monasterioko harrizko galeria hormigoizko hormak dituen espazio lasaia da, non lurrin-botilak oinarri zurien gainean dauden, 400 watteko lanpara batek eta lau bonbilla gris epelek argiztatuta.
- Basic.Space — marmol zuriaren gaineko komisario-galeria
- COS — galeria moderno bat horma zuriekin