
Nike
Një galeri monokrome arritjesh sportive – mure të bardha, produkti si një vepër arti, krom i tretur në sfond
Nike.com funksionon si një galeri monokrome, e fokusuar në produkt: ndërfaqja e përdoruesit është praktikisht e padukshme, duke lejuar që fotot e produkteve të zënë çdo ekran. I gjithë ndërfaqja është ndërtuar nga e zeza, e bardha dhe tre nuanca gri - pa ngjyra theksi, pa gradiente dekorative, pa krom të ngrohtë, karakteristik. Stili karakteristik i Nike jeton në logon e galerisë dhe fotot, por kurrë në vetë ndërfaqen e përdoruesit. Tipografia është kompakte dhe utilitare, duke u mbështetur në një familje shkronjash Helvetica Now të projektuara me porosi në 12-20px, me një logo të vetme, të madhe Nike Futura ND në 76px për titujt. Komponentët janë minimalistë: butona në formë pilule me një rreze prej 30px, karta të sheshta produktesh, kufij të hollë dhe ndryshime praktikisht zero në lartësi. Faqja alternon midis sipërfaqeve të produkteve të bardha të pastra dhe seksioneve editoriale të errëta, mbresëlënëse, duke krijuar ritëm përmes kontrastit në vend të zbukurimeve.
Faqja ndjek një ritëm të fuqishëm editorial: një kokë të errët, mbresëlënëse, me gjerësi të plotë, që paraqet një produkt të vetëm dhe një titull të madh, e ndjekur nga një rrjet kategorish 2x2 me gjerësi të plotë, një rrjetë horizontalisht me rrëshqitje të kartave të produkteve në 3 kolona dhe së fundmi një fundfaqe e dendur me shumë kolona. Të gjitha blloqet e përmbajtjes zënë gjerësinë e plotë të dritares së shikimit pa gjerësi maksimale të kontejnerit; një kufizim i gjerësisë maksimale zbatohet vetëm për rrjetin e navigimit dhe lidhjeve të fundfaqes. Kalimet midis seksioneve janë të mprehta: kokë e zezë → rrjetë kategorish e bardhë → rrjetë produktesh e bardhë → fundfaqe e bardhë, me kufij të ngushtë gri që shërbejnë si e vetmja shtresë vizuale. Navigimi është një shirit minimalist me dy nivele (lidhje ndihmëse në krye, kategoritë kryesore të përqendruara) pa ngjitje, pa mbushje sfondi dhe pa hije. Dendësia e përmbajtjes është kompakte në rrjetat e produkteve (hapësirë e ngushtë midis kartave) dhe e gjerë në kokë (dritore pamjeje me gjerësi të plotë).
Fotografia është elementi vizual mbizotërues dhe përcakton të gjithë identitetin e markës. Sistemi përdor foto produktesh me cilësi të lartë, me kornizë të plotë: këpucë atletike të fotografuara individualisht në një sfond të errët ose me ngjyrë të pjerrët, të prera për të mbushur kornizën, pa kontekstin e stilit të jetesës. Imazhet e stilit të jetesës shfaqen brenda kategorive, duke shfaqur këmbët dhe këmbët e atletëve në lëvizje. Përdoret një skemë ngjyrash me kontrast të lartë dhe të ngopura - këpucë të kuqe në një sfond të zi, thekse neoni në shputat e bardha dhe ndriçim i ngrohtë dhe i ftohtë për të dramatizuar materialet. Nuk përdoren ilustrime, grafika abstrakte ose renderime 3D. Imazhet gjithmonë kanë skaje të pastra (pa qoshe të rrumbullakosura në enët e fotove), gjithmonë zënë të gjithë hapësirën brenda blloqeve të tyre dhe gjithmonë shoqërohen me mbivendosje minimale teksti. Ikonografia është thjesht funksionale: ikona të skicës për kërkimin, listën e dëshirave, shportën dhe llogarinë në ngjyrat Obsidian ose Çelik.
Paletë
Neutral
- Obsidian
#111111— Ngjyra e errët plotëson tekstin dhe ikonat neutrale dhe krijon kontrast të fortë. Shmangni përdorimin e saj si ngjyrë kryesore për thirrjet për veprim. - Paper White
#ffffff— Sfondi i faqes, sipërfaqja e kartës, teksti i butonit në një sfond të errët, skica e ikonës - kanavaca e parazgjedhur për rrjetat e produkteve dhe seksionet e kategorive. - Concrete Gray
#e5e5e5— Kufij, ndarës, vija të holla që ndajnë seksionet e rrjetës, skica delikate të fushave të hyrjes. - Soft Mist
#f5f5f5— Ngjyrë delikate sfondi për sipërfaqet dytësore, mbushje e fushës së kërkimit në navigim, sfond etikete. - Steel
#707072— Tekst dytësor, tekst ndihmës i heshtur, konture të reduktuara të ikonave, etiketa në formë bukëthërrimesh, ndarës të lidhjeve të fundit të faqes. - Faint Gray
#9e9ea0— Konturet e ikonave, elementët e vegjël të ndërfaqes së përdoruesit dhe kufijtë me theksim minimal janë çaktivizuar.
Tipografi
nga 12 në 76px · 6 hapa
- Helvetica Now Text Medium — zëvendësim: Inter · skica 500 · Fonti Helvetica Now Text Medium - gjendet në të dhënat e mbledhura, por nuk përshkruhet nga IA.
- Helvetica Now Text — zëvendësim: Inter or Helvetica Neue · skica 400, 500 · Teksti kryesor i ndërfaqes së përdoruesit - lidhjet e navigimit, etiketat e butonave, titujt e kartave, emrat e produkteve, listat e fundfaqeve, i gjithë teksti i trupit.
- Helvetica Now Display Medium — zëvendësim: Inter Medium or Helvetica Neue Medium · skica 500 · Titujt e seksioneve, etiketat e kategorive të kartave, titujt me madhësi mesatare - Shkronja mesatare (20-24px) është një shenjë dalluese e titujve të Nike që nuk janë elementë të mëdhenj dizajni: kurrë të guximshëm, gjithmonë koncizë.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8px |
| Rrezja e butonit | 30px |
| Rrezja e kartës | 0px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 48px |
| Gjerësia e faqes | 1440px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Nike dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Airbnb — Një mur galerie i bardhë dhe i qetë me një faqeshënues të vetëm të kuq korali
- Apple (España) — vitrinë e bardhë e galerisë
- Silencio — Një dhomë e bardhë me objekte lundruese. Një ekspozitë galerie e bërë nga letër e ngrohtë, ku secili element zë vendin e tij në një sfond me vëllim negativ, dhe heshtja është një vendim i qëllimshëm dizajni.
- Oakâme — Një punishte provençale e lagur nga dielli, e gdhendur nga gur i ngrohtë
- Arc — galeri industriale e bardhë mbi ujin e mesnatës
- Rivian — Një monolit elektrik në murin e betonit të galerisë. Rivian paraqet çdo automjet si një skulpturë kundrejt një hapësire të bardhë të gjerë, me tipografi aq të madhe sa bëhet një element arkitektonik, dhe një të verdhë të ngrohtë të vetme që thyen atmosferën monokromatike, si rrezet e diellit në një sipërfaqe mat.
- Analogue — Vitrina e zezë e galerisë - mallrat qëndrojnë pezull në boshllëk
- ddna — vitrinë e ngrohtë muzeale mbi li të patrajtuar
- Zellerfeld — Një punishte skulptori mbi mermer të bardhë—sipërfaqet monolitike të piedestalit, një shkëndijë e vetme kobalti, një pëshpëritje shkronjash të vogla nga dyshemeja në tavan
- UY Studio — Galeria prej guri e manastirit është një hapësirë e qetë me mure betoni, ku shishet e parfumeve qëndrojnë mbi bazamente të bardha, të ndriçuara nga një llambë 400 vat dhe katër llamba gri të ngrohta.
- Basic.Space — galeri kuratoriale mbi mermer të bardhë
- COS — një galeri moderne me mure të bardha