
Nike
Mustvalge spordisaavutuste galerii – valged seinad, toode kui kunstiteos, kroom sulanud taustaga
Nike.com toimib monokroomse, tooteid esitleva galeriina: kasutajaliides on praktiliselt nähtamatu, võimaldades tootefotodel hõivata iga ekraani. Kogu liides on ehitatud mustast, valgest ja kolmest hallist toonist – puuduvad aktsentvärvid, dekoratiivsed gradientvärvid või soe, signatuurne kroom. Nike'i signatuurstiil elab galerii logos ja fotodes, kuid mitte kunagi kasutajaliideses endas. Tüpograafia on kompaktne ja utilitaarne, tuginedes spetsiaalselt disainitud Helvetica Now fondiperekonnale suurusega 12–20 pikslit, pealkirjade jaoks on üksainus ülisuur Nike Futura ND logo suurusega 76 pikslit. Komponendid on minimalistlikud: pillikujulised nupud raadiusega 30 pikslit, lamedad tootekaardid, õhukesed äärised ja praktiliselt null kõrguse erinevust. Lehel vahelduvad puhasvalged tootepinnad ja silmatorkavad, tumedad toimetuslikud osad, luues rütmi pigem kontrasti kui ornamentika abil.
Leht järgib kindlat toimetuslikku rütmi: silmatorkav, täislaiuses, tume päis, kus on kujutatud üks toode ja suur pealkiri, millele järgneb täislaiuses 2x2 kategooriaruudustik, horisontaalselt keriv tootekaartide ruudustik kolmes veerus ja lõpuks tihe, mitmeveeruline jalus. Kõik sisuplokid hõlmavad kogu vaatevälja laiust ilma maksimaalse konteineri laiuseta; maksimaalse laiuse piirang kehtib ainult navigeerimis- ja jaluse linkide ruudustikule. Sektsioonide vahelised üleminekud on teravad: must päis → valge kategooriaruudustik → valge tooteruudustik → valge jalus, kitsad hallid äärised on ainsa visuaalse õmbluse osa. Navigeerimine on minimalistlik, kahetasandiline riba (abilingid ülaosas, põhikategooriad keskel) ilma kinnituste, taustatäite ja varjudeta. Sisu tihedus on tooteruudustikes kompaktne (kaartide vahekaugus on väike) ja päises avar (täislaiuses vaateväli).
Fotograafia on domineeriv visuaalne element ja määratleb brändi kogu identiteedi. Süsteem kasutab kvaliteetseid täiskaaderfotosid: spordijalatseid pildistatakse eraldi tumedal või gradienttaustal, kärbitakse kaadri täitmiseks ilma elustiili kontekstita. Elustiilipildid kuvatakse kategooriate kaupa, näidates liikuvate sportlaste jalgu ja sääri. Kasutatakse kontrastset ja küllastunud värvilahendust – punased jalanõud mustal taustal, neoonaktsendid valgetel taldadel ning soe ja jahe valgustus materjalide dramatiseerimiseks. Illustratsioone, abstraktset graafikat ega 3D-renderdusi ei kasutata. Piltidel on alati puhtad servad (fotokonteinerites pole ümaraid nurki), need hõivavad alati kogu oma plokkide ruumi ja nendega kaasneb alati minimaalne tekstikiht. Ikonograafia on puhtalt funktsionaalne: otsingu, soovinimekirja, ostukorvi ja konto kontuursed ikoonid obsidiaani või terase värvides.
Palett
Neutraalne
- Obsidian
#111111— Tume värv täiendab neutraalset teksti ja ikoone ning loob tugeva kontrasti. Väldi selle kasutamist tegevusele kutsuvate tekstide põhivärvina. - Paper White
#ffffff— Lehe taust, kaardi pind, nupu tekst tumedal taustal, ikooni kontuur – tooteruudustike ja kategooriajaotiste vaikesäte. - Concrete Gray
#e5e5e5— Äärised, eraldajad, õhukesed jooned, mis eraldavad ruudustiku sektsioone, sisestusväljade peened piirjooned. - Soft Mist
#f5f5f5— Teisese pinna peene taustavärvi, otsinguvälja täitmise navigeerimisel, sildi tausta. - Steel
#707072— Teisene tekst, vaigistatud abitekst, vähendatud ikoonide kontuurid, leivapuru sildid, jaluse linkide eraldajad. - Faint Gray
#9e9ea0— Ikoonide piirjooned, väiksemad kasutajaliidese elemendid ja minimaalse esiletõstmisega äärised on keelatud.
Tüpograafia
12-st 76 pikslini · 6 sammu
- Helvetica Now Text Medium — asendamine: Inter · kontuurid 500 · Helvetica Now Text Medium font – leitud kraapitud andmetest, kuid tehisintellekt seda ei kirjelda.
- Helvetica Now Text — asendamine: Inter or Helvetica Neue · kontuurid 400, 500 · Kasutajaliidese põhitekst – navigeerimislingid, nuppude sildid, kaartide pealkirjad, tootenimed, jaluse loendid, kogu põhitekst.
- Helvetica Now Display Medium — asendamine: Inter Medium or Helvetica Neue Medium · kontuurid 500 · Jaotiste pealkirjad, kaardikategooriate sildid, keskmise suurusega pealkirjad – keskmine font (20–24 pikslit) on Nike'i pealkirjade tunnusjoon, mis ei ole suured kujunduselemendid: mitte kunagi julge, alati lühike.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8px |
| Nupu raadius | 30px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 48px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Nike stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Airbnb — Vaikne valge galeriisein ühe korallpunase järjehoidjaga
- Apple (España) — valge galeriivitriin
- Silencio — Valge ruum hõljuvate esemetega. Soojast paberist galeriiväljapanek, kus iga element võtab oma koha negatiivse mahu taustal ja vaikus on tahtlik disainiotsus.
- Oakâme — Päikesepaisteline Provence'i töökoda, mis on nikerdatud soojast kivist
- Arc — industriaalne valge galerii kesköise vee kohal
- Rivian — Galerii betoonseinal on elektriline monoliit. Rivian esitleb iga sõidukit skulptuurina tohutu valge ruumi taustal, mille tüpograafia on nii suur, et sellest saab arhitektuuriline element, ja üks soe kollane toon lõhub monokromaatilist atmosfääri nagu päikesevalgus matil pinnal.
- Analogue — Must galeriivitriin – kaubad hõljuvad tühjuses
- ddna — soe muuseumivitriin töötlemata linasel
- Zellerfeld — Skulptori töökoda valgel marmoril – postamenti monoliitsed pinnad, üksainus koobalti säde, väiketähtede sosin põrandast laeni
- UY Studio — Kloostri kivigalerii on vaikne betoonseintega ruum, kus parfüümipudelid seisavad valgetel soklitel, mida valgustab üks 400-vatine lamp ja neli sooja halli pirni.
- Basic.Space — kuraatorigalerii valgel marmoril
- COS — trendikas valgete seintega galerii