INO
Muzejska vitrina u tišini – svaki eksponat lebdi u bijelom prostoru, poput pojedinačnog predmeta iza stakla, uokviren gotovo crnim, jedva čujnim fontom
INO funkcionira kao gotovo monokromatska galerija nakita: oštro bijelo platno, jedna, topla, gotovo crna tinta i gotovo potpuna odsutnost boje. Vizualni sustav tretira svaki prsten kao muzejski primjerak - kliničke fotografije proizvoda lebde u prostranom negativnom prostoru, s hijerarhijom konstruiranom kroz položaj, razmak između slova i volumen bijele boje, a ne kroz skalu ili boju fonta. Navigacija se nalazi na dnu stranice i sastoji se od četiri točke s oznakama (ispunjenim ili praznim), namjernim preokretanjem tradicionalne gornje trake e-trgovine. Sam znak robne marke skup je koncentričnih kontura prstenova, koje odražavaju oblik proizvoda i služe kao tipografska skulptura, a ne kao logotip.
Platno pune širine bez ograničenja maksimalne širine sadržaja. Glavni zaslon zauzima cijelu širinu stranice, s fotografijama i grafikama ravnomjerno podijeljenima (50/50). Mreže proizvoda prikazuju se kao retci s tri stupca s velikodušnom horizontalnom marginom od ruba prikaznog polja. Donja navigacija je centrirana i usidrena na podnožje stranice, umjesto da je prikvačena. Prijelomi odjeljaka koriste ili uredničku fotografiju preko cijelog zaslona ili čisti bijeli prostor - nikada traku boja, razdjelnu liniju ili gradijent. Vertikalni ritam je slobodan: 80/1/1 između glavnih odjeljaka, što omogućuje stranici da diše, a ne da bude ispunjena sadržajem. Nema bočne trake, nema mega-izbornika, nema gornje zaglavne trake - logotip "INO" nalazi se isključivo u gornjem lijevom kutu glavnog zaslona.
Dva različita načina prikaza slike koegzistiraju: klinička fotografija proizvoda na ravnoj, svijetlosivoj, bešavnoj pozadini (svaki prsten je fotografiran centriran, bez ruku, stiliziranih rekvizita ili površinskih sjena - objekt je protagonist) i narativne uredničke slike (prsten u kutiji obrubljenoj travom, ruka koja drži lanac), prikazane kao nezasićeni, urednički fragmenti preko cijelog zaslona. Slike proizvoda služe kao kartice proizvoda; uredničke slike prenose raspoloženje brenda. Obje su monokromatske ili gotovo monokromatske - trava na glavnoj slici je jedini nagovještaj zelene, a čak je i to prigušeno u nijansu šume. Ikone se ne koriste u sučelju - koncentrični simbol prstena zamjenjuje svu ikonografiju.
Paleta
Neutralno
- Obsidian Ink
#212123— Neutralna stanja obrasca, tekst ikona i diskretne povratne informacije korisničkog sučelja gdje bi sheme boja trebale ostati neupadljive. - Bone
#ffffff— Platnene stranice, kartonske površine, invertirani tekst na tamnoj pozadini. Dominantna površina; gotovo cijela web stranica nalazi se ovdje. - Carbon
#000000— Ispunjavanje ikona, ukrasni grafički obrisi i ispuna aktivnog stanja za indikator navigacijske točke. Koristi se štedljivo za maksimalni tonski kontrast s bojom "kosti". - Ash
#999999— Srednje kontrastni rubovi, kontrolne konture i strukturni razdjelnici. - Pebble
#a6a6a7— Prigušen prateći tekst, tanki separatori za glavni tekst i sekundarne metapodatke. Najsvjetlija funkcionalna siva boja koristi se za cijene i prateći tekst koji bi trebao biti u pozadini.
Tipografija
od 11 do 18px · 4 koraka
- Sequel100Wide — zamjena: Jost (400 · obrisi 400 · Jedini korporativni font koji se koristi isključivo u težini od 400 u svim kontekstima - navigaciji, glavnom tekstu, zaglavljima, naslovima, cijenama i opisima. Široko razmaknut geometrijski simbol s velikim razmakom između slova odražava cijeli korporativni stil. Nedostatak podebljane težine je namjeran: hijerarhija se postiže velikim slovima, razmakom između slova i pozicioniranjem, a ne variranjem težine fonta.
- Arial — zamjena: system-ui · obrisi 400 · Rezervna opcija na razini cijelog sustava za renderiranje gumba u naslijeđenim kontekstima. Nije dio brendiranja - pojavljuje se samo ako se Sequel100Wide ne uspije učitati.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 23px |
| Radijus gumba | 50px |
| Radijus kartice | 8px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 80-120px |
Umjetna inteligencija će izraditi vašu web stranicu u INO stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Airbnb — Tihi bijeli galerijski zid s jednom koraljnocrvenom oznakom stranice
- Peak Design — Zid galerije, djelomično osvijetljen
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Apple (España) — bijela galerijska vitrina
- Apple (España) — Prozor galerije u jutarnjoj magli
- Custo — Galerija boje bronce s monolitnim fontom. Izložbeni prostor u prigušenim sivo-zelenim tonovima, gdje jedan tamni objekt i font od 57px govore sami za sebe.
- Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav izrađen od toplog papira, gdje svaki element zauzima svoje mjesto na pozadini negativnog volumena, a tišina je namjerna dizajnerska odluka.
- Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
- Nike — Monokromatska galerija sportskih postignuća – bijeli zidovi, proizvod kao umjetničko djelo, krom otopljen u pozadini
- Sociotype — Tipičan muzejski primjerak na bijelom papiru
- Arc — Industrijska bijela galerija iznad ponoćne vode
- Rivian — Električni monolit na betonskom zidu galerije. Rivian predstavlja svako vozilo kao skulpturu naspram ogromnog bijelog prostora, s tipografijom toliko velikom da postaje arhitektonski element, i jednom toplom žutom bojom koja razbija monokromatsku atmosferu, poput sunčeve svjetlosti na mat površini.