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 funkcioniše kao gotovo monohromatska galerija nakita: oštro bijelo platno, jedna, topla, gotovo crna tinta i gotovo potpuno odsustvo boje. Vizuelni sistem tretira svaki prsten kao muzejski eksponat - kliničke fotografije proizvoda lebde u prostranom negativnom prostoru, s hijerarhijom konstruisanom kroz položaj, razmak između slova i količinu bijele boje, a ne kroz skalu ili boju fonta. Navigacija se nalazi na dnu stranice i sastoji se od četiri tačke s oznakama (popunjenim ili praznim), što je namjerna promjena u odnosu na tradicionalnu gornju traku e-trgovine. Sam znak brenda je skup koncentričnih kontura prstenova, koje odražavaju oblik proizvoda i služe kao tipografska skulptura, a ne kao logo.
Platno pune širine bez ograničenja maksimalne širine sadržaja. Glavni ekran zauzima cijelu širinu stranice, s fotografijama i grafikom ravnomjerno podijeljenim (50/50). Mreže proizvoda prikazane su kao redovi s tri kolone s velikodušnom horizontalnom marginom od ruba prikaza. Donja navigacija je centrirana i usidrena za podnožje stranice, umjesto da je prikvačena. Prijelomi odjeljaka koriste ili uredničku fotografiju preko cijelog ekrana ili čisti bijeli prostor - nikada traku boja, liniju razdjelnice ili gradijent. Vertikalni ritam je slobodan: 80/1/1 između glavnih odjeljaka, što omogućava stranici da diše, a ne da bude ispunjena sadržajem. Nema bočne trake, nema mega-izbornika, nema gornje zaglavne trake - logo "INO" se nalazi isključivo u gornjem lijevom uglu glavnog ekrana.
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 ekrana. 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 interfejsu - koncentrični simbol prstena zamjenjuje svu ikonografiju.
Paleta
Neutralno
- Obsidian Ink
#212123— Neutralna stanja forme, tekst ikona i diskretne povratne informacije korisničkog interfejsa gdje sheme boja trebaju ostati neupadljive. - Bone
#ffffff— Platnene stranice, kartonske površine, invertirani tekst na tamnoj pozadini. Dominantna površina; gotovo cijela web stranica se nalazi ovdje. - Carbon
#000000— Ispunjavanje ikona, dekorativni grafički obrisi i ispunjavanje aktivnog stanja za indikator navigacijske tačke. Koristi se štedljivo radi maksimalnog tonskog kontrasta sa bojom "kosti". - Ash
#999999— Srednje kontrastne granice, kontrolne konture i strukturne pregrade. - Pebble
#a6a6a7— Prigušen prateći tekst, tanki separatori za glavni tekst i sekundarne metapodatke. Najsvjetlija funkcionalna siva boja se koristi 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 - navigacija, glavni tekst, zaglavlja, naslovi, cijene i natpisi. Š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 · Sistemska rezervna opcija za renderiranje dugmadi 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 dugmeta | 50px |
| Radijus kartice | 8px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 80-120px |
Vještačka inteligencija će izgraditi vašu web stranicu u INO stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Airbnb — Tihi bijeli galerijski zid s jednom koraljno crvenom oznakom stranice
- Peak Design — Zid galerije, djelomično osvijetljen
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Apple (España) — bijela vitrina za galeriju
- 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 napravljen od toplog papira, gdje svaki element zauzima svoje mjesto nasuprot negativnoj volumenskoj pozadini, a tišina je namjerna dizajnerska odluka.
- Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
- Nike — Monohromatska galerija sportskih dostignuća – bijeli zidovi, proizvod kao umjetničko djelo, hrom rastvoren 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 prekida monohromatsku atmosferu, poput sunčeve svjetlosti na mat površini.