
Nike
Una galeria monocroma d'èxits esportius: parets blanques, el producte com a obra d'art, crom dissolt al fons
Nike.com funciona com una galeria monocroma centrada en el producte: la interfície d'usuari és pràcticament invisible, cosa que permet que les fotos dels productes ocupin totes les pantalles. Tota la interfície està construïda amb negre, blanc i tres tons de gris: sense colors d'accent, sense degradats decoratius, sense crom càlid i característic. L'estil característic de Nike es troba al logotip de la galeria i a les fotos, però mai a la interfície d'usuari en si. La tipografia és compacta i utilitària, basant-se en una família de fonts Helvetica Now dissenyada a mida de 12-20 px, amb un únic logotip Nike Futura ND de grans dimensions de 76 px per als encapçalaments. Els components són minimalistes: botons en forma de píndola amb un radi de 30 px, targetes de producte planes, vores primes i diferències d'alçada pràcticament zero. La pàgina alterna entre superfícies de producte de color blanc pur i seccions editorials cridaneres i fosques, creant ritme a través del contrast en lloc de l'ornamentació.
La pàgina segueix un ritme editorial robust: una capçalera fosca, impactant i d'amplada completa amb un sol producte i un títol gran, seguida d'una quadrícula de categories de 2x2 d'amplada completa, una quadrícula de desplaçament horitzontal de targetes de producte en 3 columnes i, finalment, un peu de pàgina dens i de diverses columnes. Tots els blocs de contingut ocupen l'amplada completa de la finestra gràfica sense una amplada màxima de contenidor; una limitació d'amplada màxima només s'aplica a la navegació i a la quadrícula d'enllaços del peu de pàgina. Les transicions entre seccions són nítides: capçalera negra → quadrícula de categories blanca → quadrícula de producte blanca → peu de pàgina blanc, amb vores grises estretes que serveixen com a única unió visual. La navegació és una barra minimalista de dos nivells (enllaços auxiliars a la part superior, categories principals centrades) sense fixacions, sense farciment de fons ni ombres. La densitat de contingut és compacta a les quadrícules de productes (espaiat ajustat entre targetes) i espaiosa a la capçalera (finestra gràfica d'amplada completa).
La fotografia és l'element visual dominant i defineix tota la identitat de la marca. El sistema utilitza fotos de productes d'alta qualitat i de fotograma complet: sabates esportives fotografiades individualment sobre un fons fosc o degradat, retallades per omplir el fotograma, sense context d'estil de vida. Les imatges d'estil de vida apareixen dins de categories, mostrant els peus i les cames dels atletes en moviment. S'utilitza una combinació de colors saturats d'alt contrast: sabates vermelles sobre un fons negre, detalls de neó sobre soles blanques i il·luminació càlida i freda per dramatitzar els materials. No s'utilitzen il·lustracions, gràfics abstractes ni representacions en 3D. Les imatges sempre tenen vores netes (sense cantonades arrodonides als contenidors de fotos), sempre ocupen tot l'espai dins dels seus blocs i sempre van acompanyades d'una mínima superposició de text. La iconografia és purament funcional: icones de contorn per a la cerca, la llista de desitjos, el carretó i el compte en colors obsidiana o acer.
Paleta
Neutral
- Obsidian
#111111— El color fosc complementa el text i les icones neutres i crea un contrast fort. Evita utilitzar-lo com a color principal per a les crides a l'acció. - Paper White
#ffffff— Fons de la pàgina, superfície de la targeta, text del botó sobre un fons fosc, contorn de la icona: el llenç predeterminat per a les quadrícules de productes i les seccions de categories. - Concrete Gray
#e5e5e5— Vores, divisors, línies primes que separen seccions de la quadrícula, contorns subtils dels camps d'entrada. - Soft Mist
#f5f5f5— Color de fons subtil per a superfícies secundàries, navegació d'emplenament del camp de cerca, fons d'etiquetes. - Steel
#707072— Text secundari, text auxiliar silenciat, contorns d'icones reduïts, etiquetes de ruta de navegació, separadors d'enllaços de peu de pàgina. - Faint Gray
#9e9ea0— Els contorns de les icones, els elements menors de la interfície d'usuari i les vores amb un ressaltat mínim estan desactivats.
Tipografia
de 12 a 76 px · 6 passos
- Helvetica Now Text Medium — reemplaçament: Inter · esquemes 500 · Font Helvetica Now Text Medium: es troba a les dades extretes però no està descrita per la IA.
- Helvetica Now Text — reemplaçament: Inter or Helvetica Neue · esquemes 400, 500 · El text principal de la interfície d'usuari: enllaços de navegació, etiquetes de botons, títols de targetes, noms de productes, llistes de peu de pàgina i tot el text del cos.
- Helvetica Now Display Medium — reemplaçament: Inter Medium or Helvetica Neue Medium · esquemes 500 · Encapçalaments de secció, etiquetes de categories de targetes, encapçalaments de mida mitjana: la font mitjana (20-24 px) és un tret distintiu dels encapçalaments de Nike que no són elements de disseny grans: mai en negreta, sempre concisos.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8px |
| Radi del botó | 30px |
| Radi de la targeta | 0px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 48px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Nike i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Apple (España) — vitrina de galeria blanca
- Silencio — Una habitació blanca amb artefactes flotants. Una galeria d'exposicions feta de paper càlid, on cada element ocupa el seu lloc sobre un fons de volum negatiu, i el silenci és una decisió de disseny intencionada.
- Oakâme — Un taller provençal assolellat esculpit en pedra càlida
- Arc — galeria blanca industrial sobre l'aigua de mitjanit
- Rivian — Un monòlit elèctric a la paret de formigó de la galeria. Rivian presenta cada vehicle com una escultura contra un vast espai blanc, amb una tipografia tan gran que es converteix en un element arquitectònic, i un únic groc càlid que trenca l'atmosfera monocromàtica, com la llum del sol sobre una superfície mat.
- Analogue — Vitrina de galeria negra: les mercaderies suspenen en el buit
- ddna — vitrina de museu càlida sobre lli sense tractar
- Zellerfeld — Un taller d'escultor sobre marbre blanc: les superfícies monolítiques del pedestal, una sola guspira de cobalt, un xiuxiueig de lletres minúscules del terra al sostre
- UY Studio — La galeria de pedra del monestir és un espai tranquil amb parets de formigó, on hi ha flascons de perfum sobre pedestals blancs, il·luminats per una làmpada de 400 watts i quatre bombetes de color gris càlid.
- Basic.Space — galeria curatorial sobre marbre blanc
- COS — una galeria moderna amb parets blanques