
Nike
Una galleria monocromatica di successi sportivi: pareti bianche, il prodotto come opera d'arte, il cromo che si fonde con lo sfondo.
Nike.com funziona come una galleria monocromatica, incentrata sul prodotto: l'interfaccia utente è praticamente invisibile, permettendo alle foto dei prodotti di occupare ogni schermata. L'intera interfaccia è realizzata in nero, bianco e tre tonalità di grigio: nessun colore di accento, nessuna sfumatura decorativa, nessun effetto cromato caldo e caratteristico del marchio. Lo stile distintivo di Nike risiede nel logo della galleria e nelle foto, ma mai nell'interfaccia utente stessa. La tipografia è compatta e funzionale, basata su un font Helvetica Now personalizzato con dimensioni da 12 a 20 pixel, con un singolo logo Nike Futura ND di grandi dimensioni (76 pixel) per le intestazioni. I componenti sono minimalisti: pulsanti a forma di pillola con un raggio di 30 pixel, schede prodotto piatte, bordi sottili e differenze di altezza praticamente nulle. La pagina alterna superfici di prodotto di un bianco puro a sezioni editoriali scure e d'impatto, creando ritmo attraverso il contrasto piuttosto che l'ornamento.
La pagina segue un ritmo editoriale deciso: un'intestazione scura a tutta larghezza, di grande impatto, con un singolo prodotto e un titolo di grandi dimensioni, seguita da una griglia di categorie 2x2 a tutta larghezza, una griglia di schede prodotto a scorrimento orizzontale su 3 colonne e, infine, un piè di pagina denso e multi-colonna. Tutti i blocchi di contenuto occupano l'intera larghezza della viewport, senza limiti di larghezza per il contenitore; una limitazione di larghezza massima si applica solo alla navigazione e alla griglia dei link del piè di pagina. Le transizioni tra le sezioni sono nette: intestazione nera → griglia di categorie bianca → griglia prodotti bianca → piè di pagina bianco, con sottili bordi grigi che fungono da unico elemento di separazione visiva. La navigazione è una barra minimalista a due livelli (link ausiliari in alto, categorie principali centrate) senza elementi fissi, senza sfondo e senza ombreggiature. La densità dei contenuti è compatta nelle griglie dei prodotti (spaziatura ridotta tra le schede) e spaziosa nell'intestazione (viewport a tutta larghezza).
La fotografia è l'elemento visivo dominante e definisce l'intera identità del marchio. Il sistema utilizza foto di prodotto di alta qualità a pieno formato: scarpe sportive fotografate singolarmente su uno sfondo scuro o sfumato, ritagliate per riempire l'inquadratura, senza contesto di vita quotidiana. Le immagini lifestyle compaiono all'interno delle categorie, mostrando i piedi e le gambe degli atleti in movimento. Viene utilizzato uno schema di colori saturi e ad alto contrasto: scarpe rosse su sfondo nero, accenti neon su suole bianche e illuminazione calda e fredda per enfatizzare i materiali. Non vengono utilizzate illustrazioni, grafiche astratte o rendering 3D. Le immagini hanno sempre bordi netti (nessun angolo arrotondato nei contenitori delle foto), occupano sempre l'intero spazio all'interno dei loro blocchi e sono sempre accompagnate da un testo sovrapposto minimale. L'iconografia è puramente funzionale: icone stilizzate per ricerca, lista dei desideri, carrello e account nei colori Ossidiana o Acciaio.
Tavolozza
Neutro
- Obsidian
#111111— I colori scuri si abbinano bene a testi e icone neutri e creano un forte contrasto. Evitate di usarli come colore principale per le call to action. - Paper White
#ffffff— Sfondo della pagina, superficie della scheda, testo del pulsante su sfondo scuro, contorno dell'icona: la tela predefinita per le griglie di prodotti e le sezioni di categoria. - Concrete Gray
#e5e5e5— Bordi, divisori, linee sottili che separano le sezioni della griglia, contorni delicati dei campi di input. - Soft Mist
#f5f5f5— Colore di sfondo tenue per le superfici secondarie, riempimento del campo di ricerca nella navigazione, sfondo dei tag. - Steel
#707072— Testo secondario, testo di supporto attenuato, contorni delle icone ridotti, etichette del percorso di navigazione, separatori dei link nel piè di pagina. - Faint Gray
#9e9ea0— I contorni delle icone, gli elementi secondari dell'interfaccia utente e i bordi con un'evidenziazione minima sono disabilitati.
Tipografia
da 12 a 76 pixel · 6 passaggi
- Helvetica Now Text Medium — sostituzione: Inter · contorni 500 · Carattere Helvetica Now Text Medium - trovato nei dati estratti ma non descritto dall'IA.
- Helvetica Now Text — sostituzione: Inter or Helvetica Neue · contorni 400, 500 · Il testo principale dell'interfaccia utente: link di navigazione, etichette dei pulsanti, titoli delle schede, nomi dei prodotti, elenchi a piè di pagina, tutto il testo del corpo.
- Helvetica Now Display Medium — sostituzione: Inter Medium or Helvetica Neue Medium · contorni 500 · Intestazioni di sezione, etichette di categoria delle schede, intestazioni di medie dimensioni: il carattere medio (20-24px) è un segno distintivo delle intestazioni Nike che non sono elementi di design di grandi dimensioni: mai in grassetto, sempre conciso.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 8px |
| Raggio del pulsante | 30px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 48px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Nike e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- Apple (España) — vetrina bianca da galleria
- Silencio — Una stanza bianca con manufatti sospesi. Un'esposizione realizzata con carta dai toni caldi, dove ogni elemento occupa il suo posto su uno sfondo di volumi negativi, e il silenzio è una scelta progettuale intenzionale.
- Oakâme — Un laboratorio provenzale baciato dal sole, ricavato da una pietra calda
- Arc — galleria industriale bianca sopra l'acqua di mezzanotte
- Rivian — Un monolite elettrico sulla parete di cemento della galleria. Rivian presenta ogni veicolo come una scultura su un vasto spazio bianco, con una tipografia così grande da diventare un elemento architettonico, e un unico giallo caldo che rompe l'atmosfera monocromatica, come la luce del sole su una superficie opaca.
- Analogue — Vetrina nera da galleria: le merci fluttuano nel vuoto
- ddna — vetrina museale calda su lino non trattato
- Zellerfeld — L'atelier di uno scultore su marmo bianco: le superfici monolitiche del piedistallo, una singola scintilla di cobalto, un sussurro di lettere minuscole dal pavimento al soffitto.
- UY Studio — La galleria in pietra del monastero è uno spazio tranquillo con pareti in cemento, dove flaconi di profumo poggiano su piedistalli bianchi, illuminati da una lampada da 400 watt e quattro lampadine grigio caldo.
- Basic.Space — galleria curatoriale su marmo bianco
- COS — una galleria alla moda con pareti bianche