
Nike
O galerie monocromă a realizărilor sportive – pereți albi, produsul ca operă de artă, cromul dizolvat în fundal
Nike.com funcționează ca o galerie monocromă, axată pe produs în primul rând: interfața cu utilizatorul este practic invizibilă, permițând fotografiilor de produse să ocupe fiecare ecran. Întreaga interfață este construită din negru, alb și trei nuanțe de gri - fără culori de accent, fără gradiente decorative, fără crom cald, caracteristic. Stilul caracteristic Nike se regăsește în logo-ul galeriei și în fotografii, dar niciodată în interfața cu utilizatorul în sine. Tipografia este compactă și utilitară, bazându-se pe o familie de fonturi Helvetica Now personalizată, la 12-20px, cu un singur logo Nike Futura ND supradimensionat, la 76px pentru titluri. Componentele sunt minimaliste: butoane în formă de pilulă cu o rază de 30px, fișe de produs plate, chenaruri subțiri și diferențe de înălțime practic zero. Pagina alternează între suprafețe de produs albe pure și secțiuni editoriale întunecate și izbitoare, creând ritm prin contrast, mai degrabă decât prin ornamentație.
Pagina urmează un ritm editorial robust: un antet închis la culoare, pe toată lățimea, care prezintă un singur produs și un titlu mare, urmat de o grilă de categorii 2x2 pe toată lățimea, o grilă derulantă orizontală cu fișe de produse pe 3 coloane și, în final, un subsol dens, cu mai multe coloane. Toate blocurile de conținut ocupă întreaga lățime a ferestrei de vizualizare, fără o lățime maximă a containerului; o limitare maximă a lățimii se aplică numai navigației și grilei de linkuri din subsol. Tranzițiile dintre secțiuni sunt clare: antet negru → grilă de categorii albă → grilă de produse albă → subsol alb, cu chenarele gri înguste care servesc drept singura îmbinare vizuală. Navigarea este o bară minimalistă, pe două niveluri (linkuri auxiliare în partea de sus, categoriile principale centrate), fără fixare, fără umplere de fundal și fără umbră. Densitatea conținutului este compactă în grilele de produse (spațiere strânsă între fișe) și spațioasă în antet (fereastră de vizualizare pe toată lățimea).
Fotografia este elementul vizual dominant și definește întreaga identitate a mărcii. Sistemul utilizează fotografii de produs de înaltă calitate, full-frame: pantofi sport fotografiați individual pe un fundal întunecat sau gradient, decupați pentru a umple cadrul, fără context de stil de viață. Imaginile cu stil de viață apar în cadrul unor categorii, prezentând picioarele și picioarele atleților în mișcare. Se folosește o schemă de culori saturate, cu contrast puternic - pantofi roșii pe un fundal negru, accente neon pe tălpi albe și iluminare caldă și rece pentru a dramatiza materialele. Nu se folosesc ilustrații, grafică abstractă sau randări 3D. Imaginile au întotdeauna margini curate (fără colțuri rotunjite în containerele foto), ocupă întotdeauna întregul spațiu din cadrul blocurilor lor și sunt întotdeauna însoțite de o suprapunere minimă de text. Iconografia este pur funcțională: pictograme de contur pentru căutare, listă de dorințe, coș și cont în culori Obsidian sau Steel.
Paletă
Neutru
- Obsidian
#111111— Culoarea închisă completează textul și pictogramele neutre și creează un contrast puternic. Evitați să o folosiți ca și culoare principală pentru îndemnurile la acțiune. - Paper White
#ffffff— Fundalul paginii, suprafața cardului, textul butonului pe un fundal închis, conturul pictogramei - pânza implicită pentru grilele de produse și secțiunile de categorii. - Concrete Gray
#e5e5e5— Borduri, separatoare, linii subțiri care separă secțiunile grilei, contururi subtile ale câmpurilor de introducere a datelor. - Soft Mist
#f5f5f5— Culoare subtilă de fundal pentru suprafețele secundare, navigare completă în câmpul de căutare, fundal pentru etichete. - Steel
#707072— Text secundar, text auxiliar silențios, contururi reduse ale pictogramelor, etichete breadcrumb, separatoare de linkuri în subsol. - Faint Gray
#9e9ea0— Contururile pictogramelor, elementele minore ale interfeței utilizator și chenarele cu evidențiere minimă sunt dezactivate.
Tipografie
de la 12 la 76px · 6 pași
- Helvetica Now Text Medium — înlocuire: Inter · contururi 500 · Font Helvetica Now Text Medium - găsit în datele extrase, dar nedescris de inteligența artificială.
- Helvetica Now Text — înlocuire: Inter or Helvetica Neue · contururi 400, 500 · Textul principal al interfeței utilizator - linkuri de navigare, etichete de butoane, titluri de carduri, nume de produse, liste de subsol, tot textul corpului paginii.
- Helvetica Now Display Medium — înlocuire: Inter Medium or Helvetica Neue Medium · contururi 500 · Titluri de secțiuni, etichete de categorii pentru carduri, titluri de dimensiuni medii - Fontul mediu (20-24px) este o caracteristică a titlurilor Nike care nu sunt elemente de design mari: niciodată îndrăznețe, întotdeauna concise.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8px |
| Raza butonului | 30px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 48px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Nike și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- Apple (España) — vitrină albă pentru galerie
- Silencio — O cameră albă cu artefacte plutitoare. O galerie de expoziții realizată din hârtie caldă, unde fiecare element își ocupă locul pe un fundal cu volum negativ, iar liniștea este o decizie de design intenționată.
- Oakâme — Un atelier provensal scăldat în soare, sculptat din piatră caldă
- Arc — galerie albă industrială peste apa de la miezul nopții
- Rivian — Un monolit electric pe peretele de beton al galeriei. Rivian prezintă fiecare vehicul ca pe o sculptură pe fundalul unui vast spațiu alb, cu o tipografie atât de mare încât devine un element arhitectural și un singur galben cald care sparge atmosfera monocromatică, precum lumina soarelui pe o suprafață mată.
- Analogue — Vitrină neagră pentru galerie – mărfurile plutesc în gol
- ddna — vitrină caldă de muzeu pe pânză netratată
- Zellerfeld — Un atelier de sculptor pe marmură albă — suprafețele monolitice ale piedestalului, o singură scânteie de cobalt, un șoapt de litere mici de la podea până la tavan
- UY Studio — Galeria de piatră a mănăstirii este un spațiu liniștit, cu pereți de beton, unde sticle de parfum stau pe socluri albe, iluminate de o lampă de 400 de wați și patru becuri gri cald.
- Basic.Space — galerie curatorială pe marmură albă
- COS — o galerie la modă cu pereți albi