INO
Museo baten erakusleiho isila – erakusketa bakoitza espazio zuri batean flotatzen da, beira atzean dagoen objektu bakar bat bezala, ia beltza den eta ia entzungaitza den letra-tipo batez inguratuta.
INO bitxien galeria ia monokromo baten moduan funtzionatzen du: mihise zuri garbi bat, tinta bakarra, epela, ia beltza, eta kolorerik ia erabat ez dago. Sistema bisualak eraztun bakoitza museo pieza bat bezala tratatzen du: produktu klinikoen argazkiak espazio negatibo zabal batean flotatzen, hierarkia posizioaren, letren arteko tartearen eta zuriaren bolumenaren bidez eraikita, letra-tipoaren eskalaren edo kolorearen bidez baino. Nabigazioa orriaren behealdean dago, etiketak dituzten lau puntuz osatuta (beteta edo hutsik), merkataritza elektronikoko goiko barra tradizionalaren alderantzikapen nahita. Marka bera eraztun zentrokideen kontura multzo bat da, produktuaren forma islatzen duena eta logotipo baten ordez eskultura tipografiko gisa balio duena.
Zabalera osoko mihisea, edukiaren zabalera mugarik gabe. Pantaila nagusiak orrialdearen zabalera osoa hartzen du, argazkiak eta grafikoak berdin banatuta (50/50). Produktuen saretak hiru zutabeko errenkada gisa bistaratzen dira, ikus-eremuaren ertzetik marjina horizontal zabal batekin. Beheko nabigazioa zentratuta eta orrialdearen oin-oinera ainguratuta dago, finkatuta egon beharrean. Atal-jauziek pantaila osoko argazki editorialak edo espazio zuri hutsa erabiltzen dute; inoiz ez kolore-barrarik, banatze-lerrorik edo gradienterik. Erritmo bertikala librea da: 80/1/1 atal nagusien artean, orrialdeak arnasa hartzea ahalbidetuz, edukiz bete beharrean. Ez dago alboko barrarik, ez mega-menurik, ez goiburuko barrarik; "INO" logotipoa pantaila nagusiaren goiko ezkerreko izkinan bakarrik dago.
Bi irudi bistaratzeko modu desberdin daude elkarrekin: produktu klinikoen argazkilaritza atzealde lau, gris argi eta etengabe batean (eraztun bakoitza erdian argazkiatzen da, eskurik, atrezzo estilizaturik edo gainazaleko itzalik gabe —objektua da protagonista—) eta irudi editorial narratiboak (belarrez estalitako kaxa batean dagoen eraztun bat, kate bat eusten duen esku bat), pantaila osoko zati editorial desaturatu gisa errendatuak. Produktuen irudiak produktuen txartel gisa balio dute; irudi editorialek markaren aldartea helarazten dute. Biak monokromoak edo ia monokromoak dira —irudi nagusiko belarra da berde zantzu bakarra, eta hori ere baso-tonu batera isilduta dago. Ikonoak ez dira erabiltzen interfazean —eraztun zentrokidearen sinbolo batek ordezkatzen du ikonografia guztia.
Paleta
Neutroa
- Obsidian Ink
#212123— Inprimaki-egoera neutroak, ikono-testua eta UI-feedback diskretua, kolore-eskemak diskretuak izan behar diren bitartean. - Bone
#ffffff— Oihalezko orrialdeak, kartoizko gainazalak, alderantzizko testua atzealde ilun batean. Gainazal nagusia; ia webgune osoa hemen dago. - Carbon
#000000— Nabigazio puntuaren adierazlearen ikonoen betegarria, apaingarri grafikoen eskemak eta egoera aktiboaren betegarria. Neurriz erabiltzen da "hezur" kolorearekin tonu-kontraste maximoa lortzeko. - Ash
#999999— Kontraste ertaineko ertzak, kontrol-inguruak eta egitura-banatzaileak. - Pebble
#a6a6a7— Testu osagarri apaldua, bereizle meheak testu nagusirako eta bigarren mailako metadatuetarako. Gris funtzional argiena erabiltzen da prezioen etiketetarako eta atzeko planoan desagertu behar den testu lagungarrirako.
Tipografia
11tik 18px-ra · 4 urrats
- Sequel100Wide — ordezkapena: Jost (400 · eskemak 400 · 400 pisuan soilik erabiltzen den enpresa-tipo bakarra testuinguru guztietan: nabigazioan, gorputzeko testuan, goiburuetan, izenburuetan, prezioetan eta azpitituluetan. Letra-tarte zabalarekin tartekatuta dagoen sinbolo geometrikoak enpresa-estilo osoa islatzen du. Pisu lodirik ez egotea nahitaezkoa da: hierarkia maiuskulak, letren arteko tartea eta kokapena erabiliz lortzen da, letra-tipoaren pisua aldatuz baino.
- Arial — ordezkapena: system-ui · eskemak 400 · Testuinguru zaharretan botoiak errendatzeko sistema osoko ordezko bat. Ez da markaren parte; Sequel100Wide kargatzen ez bada bakarrik agertzen da.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 23px |
| Botoiaren erradioa | 50px |
| Txartelaren erradioa | 8px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 80-120px |
Adimen artifizialak zure webgunea INO 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
- Peak Design — Galeria-horma, partzialki argiztatua
- 099 SUPPLY — Galeria-horma bat objektu zuri-beltzez beteta
- Apple (España) — galeria zuriaren erakusleihoa
- Apple (España) — Galeria-leiho bat goizeko lainoan
- 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.
- 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
- Nike — Kirol lorpenen galeria monokromo bat – horma zuriak, produktua artelan gisa, kromoa atzealdean disolbatuta
- Sociotype — Museoko ale tipiko bat paper zurian
- 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.