INO
Museon vitriini hiljaisuudessa – jokainen näyttelyesine kelluu valkoisessa tilassa kuin yksittäinen esine lasin takana, lähes mustan, tuskin kuuluvan fontin kehystämänä.
INO toimii lähes yksivärisenä korugalleriana: raikkaan valkoinen kangas, yksi lämmin, lähes musta muste ja lähes täydellinen värittömyys. Visuaalinen järjestelmä käsittelee jokaista sormusta kuin museoesinettä – kliinisiä tuotevalokuvia kellumassa laajassa negatiivisessa tilassa, ja hierarkia on rakennettu sijainnin, kirjainvälistyksen ja valkoisen määrän perusteella pikemminkin kuin fonttikoon tai värin perusteella. Navigointi sijaitsee sivun alareunassa ja koostuu neljästä pisteestä, joissa on otsikot (täytettyinä tai tyhjinä), perinteisen verkkokaupan yläpalkin tarkoituksellinen käänteinen muoto. Itse tuotemerkki on joukko samankeskisiä rengasmuotoja, jotka heijastelevat tuotteen muotoa ja toimivat pikemminkin typografisena veistoksena kuin logona.
Täysleveä kanvas ilman sisällön enimmäisleveysrajoitusta. Päänäyttö vie koko sivun leveyden, ja valokuvat ja grafiikka jakautuvat tasaisesti (50/50). Tuoteruudukot näytetään kolmen sarakkeen riveinä, joissa on runsas vaakasuora marginaali näyttöalueen reunasta. Alareunassa oleva navigointi on keskitetty ja ankkuroitu sivun alatunnisteeseen kiinnityksen sijaan. Osionvaihdot käyttävät joko koko näytön toimituksellisia valokuvia tai puhdasta tyhjää tilaa – ei koskaan väripalkkia, jakoviivaa tai liukuväriä. Pystysuuntainen rytmi on vapaa: 80/1/1 pääosioiden välillä, jolloin sivu voi hengittää sen sijaan, että se täyttyisi sisällöllä. Sivupalkkia, megavalikkoa tai yläotsikkopalkkia ei ole – "INO"-logo sijaitsee yksinomaan päänäytön vasemmassa yläkulmassa.
Kaksi erillistä kuvanäyttötilaa esiintyy rinnakkain: kliininen tuotevalokuvaus tasaisella, vaaleanharmaalla, saumattomalla taustalla (jokainen rengas on kuvattu keskitetysti, ilman käsiä, tyyliteltyjä rekvisiittoja tai pintavarjoja – kohde on päähenkilö) ja narratiiviset toimitukselliset kuvat (sormus ruohon reunustamassa laatikossa, käsi pitelee ketjua), jotka on renderöity tyydyttymättömiksi, koko näytön toimituksellisiksi fragmenteiksi. Tuotekuvat toimivat tuotekortteina; toimitukselliset kuvat välittävät brändin tunnelmaa. Molemmat ovat yksivärisiä tai lähes yksivärisiä – pääkuvassa ruoho on ainoa vihreän vivahde, ja sekin on vaimennettu metsän sävyyn. Käyttöliittymässä ei käytetä kuvakkeita – samankeskinen rengassymboli korvaa kaikki ikonografia.
Paletti
Neutraali
- Obsidian Ink
#212123— Neutraalit lomaketilat, kuvaketekstit ja huomaamaton käyttöliittymäpalaute, jossa värimaailman tulisi pysyä huomaamattomana. - Bone
#ffffff— Kangassivut, pahvipinnat, käänteinen teksti tummalla taustalla. Hallitseva pinta; lähes koko verkkosivusto sijaitsee täällä. - Carbon
#000000— Kuvakkeiden täyttö, koristeelliset graafiset ääriviivat ja aktiivisen tilan täyttö navigointipisteen ilmaisimelle. Käytetään säästeliäästi maksimaalisen sävykontrastin saavuttamiseksi "luun" värin kanssa. - Ash
#999999— Keskikontrastiset reunat, ohjausääriviivat ja rakenteelliset jakajat. - Pebble
#a6a6a7— Hillitty tukiteksti, ohuet erottimet päätekstille ja toissijaisille metatiedoille. Vaaleinta toiminnallista harmaata käytetään hintalapuissa ja niihin liittyvässä tekstissä, jonka tulisi vetäytyä taustaan.
Typografia
11:stä 18 pikseliin · 4 vaihetta
- Sequel100Wide — korvaava: Jost (400 · ääriviivat 400 · Ainoa yrityskirjasintyyppi, jota käytetään yksinomaan 400-painoluokassa kaikissa yhteyksissä – navigoinnissa, leipätekstissä, otsikoissa, hinnoittelussa ja kuvateksteissä. Harvavälisesti sijoitettu geometrinen symboli ja reilu kirjainväli heijastavat koko yritystyyliä. Lihavoinnin puuttuminen on tarkoituksellista: hierarkia saavutetaan isojen kirjainten, kirjainvälin ja sijoittelun avulla eikä vaihtelemalla fontin painoa.
- Arial — korvaava: system-ui · ääriviivat 400 · Järjestelmänlaajuinen varajärjestelmä painikkeiden renderöintiin vanhoissa yhteyksissä. Se ei ole osa brändäystä – se näkyy vain, jos Sequel100Wide ei lataudu.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 23px |
| Painikkeen säde | 50px |
| Kortin säde | 8px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 80-120px |
Tekoäly rakentaa verkkosivustosi INO -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Airbnb — Hiljainen valkoinen galleriaseinä ja yksi korallinpunainen kirjanmerkki
- Peak Design — Galleriaseinä, osittain valaistu
- 099 SUPPLY — Mustavalkoisilla esineillä täytetty gallerian seinä
- Apple (España) — valkoinen galleriavitriini
- Apple (España) — Galleriaikkuna aamun sumussa
- Custo — Metallinvärinen galleria, jossa on monoliittinen fontti. Vaimennettujen harmaanvihreän sävyjen näyttelytila, jossa yksi tumma esine ja 57px:n fontti puhuvat puolestaan.
- Silencio — Valkoinen huone, jossa leijuu esineitä. Lämpimästä paperista tehty gallerianäyttely, jossa jokainen elementti on sijoitettu omalle paikalleen negatiivisen volyymin taustaa vasten ja hiljaisuus on harkittu suunnitteluratkaisu.
- Oakâme — Aurinkoinen provencelainen työpaja, joka on veistetty lämpimästä kivestä
- Nike — Urheilusaavutusten mustavalkoinen galleria – valkoiset seinät, tuote taideteoksena, kromi sulautunut taustaan
- Sociotype — Tyypillinen museonäyte valkoisella paperilla
- Arc — teollinen valkoinen galleria keskiyön veden yllä
- Rivian — Sähköinen monoliitti gallerian betoniseinällä. Rivian esittelee jokaisen ajoneuvon veistoksena valtavaa valkoista tilaa vasten, jonka typografia on niin suurta, että siitä tulee arkkitehtoninen elementti, ja yksi lämmin keltainen rikkoo monokromaattisen tunnelman kuin auringonvalo mattapinnalla.