
Nike
Una galería monocromática de logros deportivos: paredes blancas, el producto como obra de arte, el cromo disuelto en el fondo.
Nike.com funciona como una galería monocromática centrada en el producto: la interfaz de usuario es prácticamente invisible, lo que permite que las fotos de los productos ocupen toda la pantalla. Toda la interfaz está construida con negro, blanco y tres tonos de gris; sin colores de acento, sin degradados decorativos, sin el característico cromo cálido. El estilo distintivo de Nike reside en el logotipo de la galería y las fotos, pero nunca en la interfaz de usuario en sí. La tipografía es compacta y funcional, basada en una familia de fuentes Helvetica Now de diseño personalizado con un tamaño de 12-20 px, con un único logotipo Nike Futura ND de gran tamaño (76 px) para los títulos. Los componentes son minimalistas: botones en forma de píldora con un radio de 30 px, tarjetas de producto planas, bordes finos y diferencias de altura prácticamente nulas. La página alterna entre superficies de producto en blanco puro y llamativas secciones editoriales oscuras, creando ritmo a través del contraste en lugar de la ornamentación.
La página sigue un ritmo editorial sólido: un encabezado oscuro llamativo de ancho completo con un solo producto y un título grande, seguido de una cuadrícula de categorías de ancho completo de 2x2, una cuadrícula de desplazamiento horizontal de tarjetas de productos en 3 columnas y, finalmente, un pie de página denso de varias columnas. Todos los bloques de contenido ocupan todo el ancho de la ventana gráfica sin ancho máximo de contenedor; la limitación de ancho máximo se aplica solo a la navegación y a la cuadrícula de enlaces del pie de página. Las transiciones entre secciones son nítidas: encabezado negro → cuadrícula de categorías blanca → cuadrícula de productos blanca → pie de página blanco, con finos bordes grises que sirven como única unión visual. La navegación es una barra minimalista de dos niveles (enlaces auxiliares en la parte superior, categorías principales centradas) sin anclaje, sin relleno de fondo ni sombra. La densidad del contenido es compacta en las cuadrículas de productos (espacio ajustado entre tarjetas) y espaciosa en el encabezado (ventana gráfica de ancho completo).
La fotografía es el elemento visual dominante y define la identidad completa de la marca. El sistema utiliza fotos de producto de alta calidad y a pantalla completa: zapatillas deportivas fotografiadas individualmente sobre un fondo oscuro o degradado, recortadas para llenar el encuadre, sin contexto de estilo de vida. Las imágenes de estilo de vida aparecen dentro de las categorías, mostrando los pies y las piernas de los atletas en movimiento. Se utiliza una paleta de colores saturados y de alto contraste: zapatillas rojas sobre fondo negro, detalles neón en suelas blancas e iluminación cálida y fría para dramatizar los materiales. No se utilizan ilustraciones, gráficos abstractos ni renderizaciones 3D. Las imágenes siempre tienen bordes limpios (sin esquinas redondeadas en los contenedores de fotos), siempre ocupan todo el espacio dentro de sus bloques y siempre van acompañadas de una superposición de texto mínima. La iconografía es puramente funcional: iconos de contorno para búsqueda, lista de deseos, carrito y cuenta en colores Obsidiana o Acero.
Paleta
Neutral
- Obsidian
#111111— Los colores oscuros complementan los textos e iconos neutros y crean un fuerte contraste. Evite usarlos como color principal para las llamadas a la acción. - Paper White
#ffffff— Fondo de página, superficie de la tarjeta, texto del botón sobre fondo oscuro, contorno del icono: el lienzo predeterminado para las cuadrículas de productos y las secciones de categorías. - Concrete Gray
#e5e5e5— Bordes, divisores, líneas finas que separan las secciones de la cuadrícula, contornos sutiles de los campos de entrada. - Soft Mist
#f5f5f5— Color de fondo sutil para superficies secundarias, relleno del campo de búsqueda en la navegación, fondo de etiquetas. - Steel
#707072— Texto secundario, texto auxiliar atenuado, contornos de iconos reducidos, etiquetas de ruta de navegación, separadores de enlaces del pie de página. - Faint Gray
#9e9ea0— Los contornos de los iconos, los elementos menores de la interfaz de usuario y los bordes con resaltado mínimo están deshabilitados.
Tipografía
De 12 a 76 píxeles · 6 pasos
- Helvetica Now Text Medium — reemplazo: Inter · esquemas 500 · Fuente Helvetica Now Text Medium: encontrada en los datos extraídos pero no descrita por la IA.
- Helvetica Now Text — reemplazo: Inter or Helvetica Neue · esquemas 400, 500 · El texto principal de la interfaz de usuario: enlaces de navegación, etiquetas de botones, títulos de tarjetas, nombres de productos, listas de pie de página, todo el texto del cuerpo.
- Helvetica Now Display Medium — reemplazo: Inter Medium or Helvetica Neue Medium · esquemas 500 · Encabezados de sección, etiquetas de categorías de tarjetas, encabezados de tamaño mediano: la fuente mediana (20-24 px) es un sello distintivo de los encabezados de Nike que no son elementos de diseño grandes: nunca en negrita, siempre concisa.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 8px |
| Radio del botón | 30px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 48px |
| Ancho de página | 1440px |
La IA construirá tu sitio web al estilo de Nike y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Apple (España) — Vitrina blanca para galería
- Silencio — Una habitación blanca con objetos suspendidos en el aire. Una exposición de arte hecha de papel cálido, donde cada elemento ocupa su lugar sobre un fondo de volumen negativo, y el silencio es una decisión de diseño intencionada.
- Oakâme — Un taller provenzal bañado por el sol, tallado en piedra cálida.
- Arc — Galería industrial blanca sobre agua a medianoche
- Rivian — Un monolito eléctrico sobre la pared de hormigón de la galería. Rivian presenta cada vehículo como una escultura sobre un vasto espacio blanco, con una tipografía tan grande que se convierte en un elemento arquitectónico, y un único amarillo cálido que rompe la atmósfera monocromática, como la luz del sol sobre una superficie mate.
- Analogue — Vitrina negra para galería: los objetos flotan en el vacío.
- ddna — Vitrina de museo cálida sobre lino sin tratar
- Zellerfeld — El taller de un escultor sobre mármol blanco: las superficies monolíticas del pedestal, una chispa de cobalto, un susurro de letras minúsculas del suelo al techo.
- UY Studio — La galería de piedra del monasterio es un espacio tranquilo con paredes de hormigón, donde frascos de perfume reposan sobre pedestales blancos, iluminados por una lámpara de 400 vatios y cuatro bombillas de color gris cálido.
- Basic.Space — galería curatorial sobre mármol blanco
- COS — una galería moderna con paredes blancas