Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
Nike — un'anteprima di un situ in questu stile

Nike

Una galeria monocroma di successi sportivi - muri bianchi, u pruduttu cum'è opera d'arte, u cromu dissoltu in u fondu

Nike.com funziona cum'è una galeria monocromatica, centrata prima nantu à u pruduttu: l'interfaccia utente hè praticamente invisibile, permettendu à e foto di i prudutti d'occupà ogni schermu. L'intera interfaccia hè custruita in neru, biancu è trè tonalità di grisgiu - senza culori d'accentu, senza sfumature decorative, senza cromu caldu è distintivu. U stile distintivu di Nike si trova in u logu di a galeria è in e foto, ma mai in l'interfaccia utente stessa. A tipografia hè compatta è utilitaria, basendu si nantu à una famiglia di caratteri Helvetica Now cuncepita apposta à 12-20px, cù un unicu logu Nike Futura ND sovradimensionatu à 76px per i tituli. I cumpunenti sò minimalisti: buttoni in forma di pillola cù un raghju di 30px, carte di prudutti piatte, bordi sottili è differenze d'altezza praticamente zero. A pagina alterna trà superfici di prudutti bianche pure è sezioni editoriali scure è sorprendenti, creendu ritmu per via di u cuntrastu piuttostu chè di l'ornamentazione.

A pagina seguita un ritmu editoriale robustu: un'intestazione scura, impressiunante, à piena larghezza, chì presenta un solu pruduttu è un grande titulu, seguitata da una griglia di categuria 2x2 à piena larghezza, una griglia di carte di prudutti chì scorre orizzontalmente in 3 colonne, è infine un piè di pagina densu è multicolonna. Tutti i blocchi di cuntenutu occupanu a larghezza cumpleta di a finestra di visualizazione senza una larghezza massima di u contenitore; una limitazione di larghezza massima s'applica solu à a navigazione è à a griglia di ligami di u piè di pagina. E transizioni trà e sezioni sò nette: intestazione nera → griglia di categuria bianca → griglia di prudutti bianca → piè di pagina biancu, cù bordi grigi stretti chì servenu cum'è unica cucitura visuale. A navigazione hè una barra minimalista à dui livelli (ligami ausiliari in cima, categurie primarie centrate) senza puntine, senza riempimentu di fondu è senza ombra. A densità di u cuntenutu hè compatta in e griglie di prudutti (spaziatura stretta di e carte) è spaziosa in l'intestazione (finestra di visualizazione à piena larghezza).

A fotografia hè l'elementu visuale dominante è definisce tutta l'identità di a marca. U sistema utilizza foto di prudutti di alta qualità è à pienu quadru: scarpe atletiche fotografate individualmente contr'à un sfondate scuru o sfumatu, ritagliate per riempie u quadru, senza cuntestu di stile di vita. L'imagine di stile di vita appariscenu in e categurie, mustrendu i pedi è e gambe di l'atleti in muvimentu. Si usa una paleta di culori saturati à altu cuntrastu: scarpe rosse contr'à un sfondate neru, accenti neon nantu à suole bianche è illuminazione calda è fredda per drammatizà i materiali. Ùn sò aduprate illustrazioni, grafiche astratte o rendering 3D. L'imagine anu sempre bordi puliti (nisun angulu arrotondatu in i contenitori di foto), occupanu sempre tuttu u spaziu in i so blocchi è sò sempre accumpagnate da una sovrapposizione di testu minima. L'iconografia hè puramente funzionale: icone di contornu per a ricerca, a lista di desideri, u carrettu è u contu in culori Obsidian o Steel.

Paletta

Neutru

  • Obsidian #111111 — U culore scuru cumplementa u testu è l'icone neutre è crea un forte cuntrastu. Evitate di utilizallu cum'è culore primariu per e chjame à l'azzione.
  • Paper White #ffffff — Sfondu di a pagina, superficia di a carta, testu di i buttoni nantu à un sfondu scuru, contornu di l'icona - a tela predefinita per e griglie di prudutti è e sezioni di categuria.
  • Concrete Gray #e5e5e5 — Bordi, divisori, linee sottili chì separanu sezioni di griglia, contorni suttili di campi di input.
  • Soft Mist #f5f5f5 — Culore di fondu suttile per e superfici secundarie, campu di ricerca in a navigazione, fondu di tag.
  • Steel #707072 — Testu secundariu, testu d'aiutu silenziatu, contorni d'icone ridutti, etichette di breadcrumb, separatori di ligami di piè di pagina.
  • Faint Gray #9e9ea0 — I contorni di l'icone, l'elementi minori di l'interfaccia utente è i bordi cù una evidenziazione minima sò disattivati.

Tipografia

da 12 à 76px · 6 passi

  • Helvetica Now Text Medium — rimpiazzamentu: Inter · contorni 500 · Carattere Helvetica Now Text Medium - truvatu in i dati scrapati ma micca discrittu da l'IA.
  • Helvetica Now Text — rimpiazzamentu: Inter or Helvetica Neue · contorni 400, 500 · U testu principale di l'interfaccia utente - ligami di navigazione, etichette di i buttoni, tituli di e carte, nomi di i prudutti, elenchi di u piè di pagina, tuttu u testu di u corpu.
  • Helvetica Now Display Medium — rimpiazzamentu: Inter Medium or Helvetica Neue Medium · contorni 500 · Titoli di sezzione, etichette di categurie di carte, tituli di taglia media - U caratteru mediu (20-24px) hè una caratteristica di i tituli Nike chì ùn sò micca grandi elementi di cuncepimentu: mai in grassettu, sempre concisi.

Intervalli è forma

ScopuSignificatu
Densitàdensu
Passu basicu8px
Raggiu di u buttone30px
Raggiu di a carta0px
Ombrenò - bordi invece di ombre
Trà e sezioni48px
Larghezza di a pagina1440px

L'IA custruisce u vostru situ web in stile Nike è u riempirà

  • Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
  • Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
  • Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
  • Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.

Stili simili

  • Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
  • Apple (España) — vetrina bianca di a galeria
  • Silencio — Una stanza bianca cù artefatti flottanti. Una mostra di galleria fatta di carta calda, induve ogni elementu occupa u so postu contr'à un sfondate di vulume negativu, è u silenziu hè una decisione di cuncepimentu intenzionale.
  • Oakâme — Un attellu provenzale bagnatu da u sole sculpitu in petra calda
  • Arc — galeria bianca industriale sopra l'acqua di mezzanotte
  • Rivian — Un monolitu elettricu nant'à u muru di cimentu di a galeria. Rivian presenta ogni veiculu cum'è una scultura contr'à un vastu spaziu biancu, cù una tipografia cusì grande ch'ella diventa un elementu architettonicu, è un unicu giallu caldu chì rompe l'atmosfera monocromatica, cum'è a luce di u sole nant'à una superficia opaca.
  • Analogue — Vetrina nera di a galeria - e merci si libranu in u viotu
  • ddna — vetrina calda di museu nantu à linu micca trattatu
  • Zellerfeld — Un attellu di scultore nantu à u marmaru biancu - e superfici monolitiche di u pedestal, una sola scintilla di cobaltu, un sussurru di lettere minuscule da u pianu à u tettu
  • UY Studio — A galeria di petra di u monasteru hè un spaziu tranquillu cù muri di cimentu, induve e buttiglie di prufume stanu nantu à plinti bianchi, illuminate da una lampada di 400 watt è quattru lampadine grisge calde.
  • Basic.Space — galeria curatoriale nantu à u marmaru biancu
  • COS — una galeria di moda cù muri bianchi