Nike
Urheilusaavutusten mustavalkoinen galleria – valkoiset seinät, tuote taideteoksena, kromi sulautunut taustaan
Nike.com toimii yksivärisenä, tuotekeskeisenä galleriana: käyttöliittymä on käytännössä näkymätön, joten tuotekuvat täyttävät jokaisen näytön. Koko käyttöliittymä on rakennettu mustasta, valkoisesta ja kolmesta harmaan sävystä – ei tehostevärejä, ei koristeellisia liukuvärejä, ei lämmintä, tunnusomaista kromia. Niken tunnusomainen tyyli asuu gallerian logossa ja valokuvissa, mutta ei koskaan itse käyttöliittymässä. Typografia on kompaktia ja utilitaristista, ja se perustuu räätälöityyn Helvetica Now -fonttiperheeseen, jonka koko on 12–20 pikseliä, ja otsikoissa on yksi ylisuuri Nike Futura ND -logo, jonka koko on 76 pikseliä. Komponentit ovat minimalistisia: pillerinmuotoiset painikkeet, joiden säde on 30 pikseliä, litteät tuotekortit, ohuet reunukset ja käytännössä nolla korkeuseroa. Sivulla vuorottelevat puhtaanvalkoiset tuotepinnat ja silmiinpistävät, tummat toimitukselliset osiot, jotka luovat rytmiä kontrastin eikä koristelun avulla.
Sivu noudattaa vankkaa toimituksellista rytmiä: silmiinpistävä, täysleveä, tumma otsikko, jossa on yksi tuote ja suuri otsikko, jota seuraa täysleveä, 2x2-luokan ruudukko, vaakasuunnassa vierivä ruudukko, jossa on tuotekortteja kolmessa sarakkeessa, ja lopuksi tiivis, monisarakkeinen alatunniste. Kaikki sisältölohkot täyttävät koko näyttöalueen leveyden ilman enimmäisleveyttä; enimmäisleveyden rajoitus koskee vain navigointi- ja alatunnisteen linkkiruudukkoa. Osioiden väliset siirtymät ovat teräviä: musta otsikko → valkoinen luokan ruudukko → valkoinen tuoteruudukko → valkoinen alatunniste, ja kapeat harmaat reunat toimivat ainoana visuaalisena saumana. Navigointi on minimalistinen, kaksikerroksinen palkki (apulinkit ylhäällä, pääluokat keskellä) ilman kiinnityksiä, taustatäyttöä tai varjostusta. Sisältötiheys on kompakti tuoteruudukoissa (tiukka korttien välistys) ja tilava otsikossa (täysleveä näyttöalue).
Valokuvaus on brändin hallitseva visuaalinen elementti ja määrittelee koko identiteetin. Järjestelmässä käytetään korkealaatuisia, täyden koon tuotekuvia: urheilukenkiä, jotka on valokuvattu yksittäin tummaa tai liukuvärjättyä taustaa vasten ja rajattu täyttämään kuva ilman lifestyle-kontekstia. Lifestyle-kuvat näkyvät luokkien sisällä ja esittelevät urheilijoiden jalkoja ja sääriä liikkeessä. Käytetään voimakasta, kylläistä värimaailmaa – punaiset kengät mustalla taustalla, neonväriset yksityiskohdat valkoisissa pohjissa sekä lämmin ja viileä valaistus materiaalien dramatisoimiseksi. Kuvituksia, abstrakteja grafiikoita tai 3D-renderöintejä ei käytetä. Kuvissa on aina puhtaat reunat (ei pyöristettyjä kulmia valokuvasäiliöissä), ne täyttävät aina koko tilan lohkojensa sisällä ja niihin liittyy aina minimaalinen tekstipäällystys. Ikonografia on puhtaasti toiminnallista: haun, toivelistan, ostoskorin ja tilin ääriviivat kuvakkeina Obsidian- tai Steel-väreissä.
Paletti
Neutraali
- Obsidian
#111111— Tumma väri täydentää neutraalia tekstiä ja kuvakkeita ja luo vahvan kontrastin. Vältä sen käyttämistä toimintakehotuksen päävärinä. - Paper White
#ffffff— Sivun tausta, kortin pinta, painikkeen teksti tummalla taustalla, kuvakkeen ääriviiva – oletuspohja tuoteruudukoille ja luokkaosioille. - Concrete Gray
#e5e5e5— Reunaviivat, jakajat, ohuet viivat ruudukon osien erottamiseksi, syöttökenttien hienovaraiset ääriviivat. - Soft Mist
#f5f5f5— Hienovarainen taustaväri toissijaisille pinnoille, hakukentän täyttö navigoinnissa, tagin tausta. - Steel
#707072— Toissijainen teksti, vaimennettu aputeksti, pienemmät kuvakkeiden ääriviivat, navigointipolun otsikot, alatunnisteen linkkien erottimet. - Faint Gray
#9e9ea0— Kuvakkeiden ääriviivat, käyttöliittymän pienet elementit ja minimaalisesti korostetut reunukset on poistettu käytöstä.
Typografia
12:sta 76 pikseliin · 6 vaihetta
- Helvetica Now Text Medium — korvaava: Inter · ääriviivat 500 · Helvetica Now Text Medium -fontti - löytyy kaapatusta datasta, mutta tekoäly ei ole kuvannut sitä.
- Helvetica Now Text — korvaava: Inter or Helvetica Neue · ääriviivat 400, 500 · Käyttöliittymän pääteksti – navigointilinkit, painikkeiden otsikot, korttien otsikot, tuotenimet, alatunnisteluettelot, kaikki leipäteksti.
- Helvetica Now Display Medium — korvaava: Inter Medium or Helvetica Neue Medium · ääriviivat 500 · Osioiden otsikot, korttien kategorioiden otsikot, keskikokoiset otsikot – Keskikokoinen fontti (20–24 pikseliä) on tunnusmerkki Niken otsikoille, jotka eivät ole suuria suunnitteluelementtejä: eivät koskaan lihavoituja, aina ytimekkäitä.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 8px |
| Painikkeen säde | 30px |
| Kortin säde | 0px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 48px |
| Sivun leveys | 1440px |
Tekoäly rakentaa verkkosivustosi Nike -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
- Apple (España) — valkoinen galleriavitriini
- 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ä
- 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.
- Analogue — Musta galleriavitriini – tavarat leijuvat tyhjyydessä
- ddna — lämmin museovitriini käsittelemättömällä pellavalla
- Zellerfeld — Kuvanveistäjän työpaja valkoisella marmorilla – jalustan monoliittiset pinnat, yksi koboltin kipinä, pienten kirjainten kuiskaus lattiasta kattoon
- UY Studio — Luostarin kivigalleria on hiljainen tila, jossa on betoniseinät. Siellä hajuvesipullot seisovat valkoisilla jalustoilla, joita valaisee yksi 400 watin lamppu ja neljä lämpimän harmaata polttimoa.
- Basic.Space — kuraattorigalleria valkoisella marmorilla
- COS — trendikäs galleria valkoisine seinineen