INO
Muziejaus vitrina tyloje – kiekvienas eksponatas plūduriuoja baltoje erdvėje, tarsi vienas objektas už stiklo, įrėmintas beveik juodo, vos girdimo šrifto.
INO funkcionuoja kaip beveik monochrominė juvelyrikos galerija: traški balta drobė, vienas šiltas, beveik juodas rašalas ir beveik visiškas spalvų nebuvimas. Vizualinė sistema kiekvieną žiedą traktuoja kaip muziejaus eksponatą – klinikinių gaminių nuotraukos, plūduriuojančios plačioje neigiamoje erdvėje, kurių hierarchija kuriama pagal poziciją, raidžių tarpus ir baltos spalvos kiekį, o ne pagal šrifto mastelį ar spalvą. Navigacija yra puslapio apačioje, ją sudaro keturi taškai su etiketėmis (užpildytos arba tuščios) – tai sąmoningas tradicinės el. prekybos viršutinės juostos apvertimas. Pats prekės ženklas yra koncentrinių žiedų kontūrų rinkinys, atkartojantis produkto formą ir tarnaujantis kaip tipografinė skulptūra, o ne logotipas.
Viso pločio drobė be maksimalaus turinio pločio apribojimo. Pagrindinis ekranas užima visą puslapio plotį, o nuotraukos ir grafika padalinti tolygiai (50/50). Produktų tinkleliai rodomi kaip trijų stulpelių eilutės su didele horizontalia parašte nuo peržiūros srities krašto. Apatinė naršymo juosta yra centruota ir pritvirtinta prie puslapio poraštės, o ne prisegta. Skyrių pertraukoms naudojama viso ekrano redakcinė nuotrauka arba gryna balta erdvė – niekada nėra spalvų juostos, skiriamosios linijos ar gradiento. Vertikalus ritmas yra laisvas: 80/1/1 tarp pagrindinių skyrių, todėl puslapis gali laisvai judėti, o ne būti užpildytas turiniu. Nėra šoninės juostos, mega meniu, viršutinės antraštės juostos – „INO“ logotipas yra tik pagrindinio ekrano viršutiniame kairiajame kampe.
Egzistuoja du skirtingi vaizdų rodymo režimai: klinikinė produkto fotografija plokščiame, šviesiai pilkame, vientisame fone (kiekvienas žiedas fotografuojamas centre, be rankų, stilizuotų rekvizitų ar paviršiaus šešėlių – objektas yra pagrindinis veikėjas) ir pasakojamieji redakciniai vaizdai (žiedas žole išklotoje dėžėje, ranka, laikanti grandinėlę), pateikiami kaip nesotūs, viso ekrano redakciniai fragmentai. Produkto vaizdai naudojami kaip produkto kortelės; redakciniai vaizdai perteikia prekės ženklo nuotaiką. Abu yra vienspalviai arba beveik vienspalviai – pagrindiniame paveikslėlyje žolė yra vienintelis žalias atspalvis, ir net jis yra prislopintas iki miško atspalvio. Sąsajoje nenaudojamos piktogramos – koncentrinis žiedo simbolis pakeičia visą ikonografiją.
Paletė
Neutralus
- Obsidian Ink
#212123— Neutralios formų būsenos, piktogramų tekstas ir diskretiškas vartotojo sąsajos grįžtamasis ryšys, kai spalvų schemos neturėtų trukdyti. - Bone
#ffffff— Drobės puslapiai, kartoniniai paviršiai, apverstas tekstas tamsiame fone. Dominuojantis paviršius; beveik visa svetainė yra čia. - Carbon
#000000— Piktogramų užpildymas, dekoratyviniai grafiniai kontūrai ir aktyvios būsenos užpildymas navigacijos taško indikatoriui. Naudojama saikingai, siekiant maksimalaus toninio kontrasto su „kaulo“ spalva. - Ash
#999999— Vidutinio kontrasto kraštinės, valdymo kontūrai ir struktūriniai skirtukai. - Pebble
#a6a6a7— Pritemdytas papildomas tekstas, ploni pagrindinio teksto ir antrinių metaduomenų skirtukai. Šviesiausia funkcinė pilka spalva naudojama kainų etiketėms ir lydinčiam tekstui, kuris turėtų pasitraukti į foną.
Tipografija
nuo 11 iki 18 pikselių · 4 žingsniai
- Sequel100Wide — pakeitimas: Jost (400 · kontūrai 400 · Vienintelis firminis šriftas, naudojamas tik su 400 storio šriftu visuose kontekstuose – navigacijoje, pagrindiniame tekste, antraštėse, pavadinimuose, kainodaroje ir aprašymuose. Plačiai išdėstytas geometrinis simbolis su dideliais tarpais tarp raidžių atspindi visą firminį stilių. Paryškinto šrifto storio nebuvimas yra sąmoningas: hierarchija pasiekiama didžiosiomis raidėmis, tarpais tarp raidžių ir išdėstymu, o ne keičiant šrifto storį.
- Arial — pakeitimas: system-ui · kontūrai 400 · Visos sistemos atsarginis būdas rodyti mygtukus senesniuose kontekstuose. Tai nėra prekės ženklo dalis – jis rodomas tik tuo atveju, jei nepavyksta įkelti „Sequel100Wide“.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 23px |
| Mygtuko spindulys | 50px |
| Kortelės spindulys | 8px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 80-120px |
Dirbtinis intelektas sukurs jūsų svetainę INO stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Peak Design — Galerijos siena, iš dalies apšviesta
- 099 SUPPLY — Galerijos siena, pilna juodai baltų objektų
- Apple (España) — balta galerijos vitrina
- Apple (España) — Galerijos langas ryto rūke
- Custo — Pistoleto metalo spalvų galerija su monolitiniu šriftu. Parodų salė prislopintuose pilkai žaliuose tonuose, kur vienas tamsus objektas ir 57 pikselių šriftas kalba patys už save.
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- Oakâme — Saulės nutviekstos Provanso dirbtuvės, iškaltos iš šilto akmens
- Nike — Monochrominė sporto pasiekimų galerija – baltos sienos, gaminys kaip meno kūrinys, chromas ištirpęs fone
- Sociotype — Tipiškas muziejaus egzempliorius ant balto popieriaus
- Arc — pramoninė balta galerija virš vidurnakčio vandens
- Rivian — Elektrinis monolitas ant galerijos betoninės sienos. Rivian kiekvieną transporto priemonę pristato kaip skulptūrą didžiulės baltos erdvės fone, kurios tipografija tokia didelė, kad ji tampa architektūriniu elementu, o viena šilta geltona spalva pertraukia monochromatinę atmosferą, tarsi saulės šviesa ant matinio paviršiaus.