FARFETCH España
Una galería de moda al estilo del "cubo blanco". Imagina un espacio comercial de alta gama donde las paredes, los suelos y los accesorios son de un blanco impoluto, y solo la ropa y las personas que la visten crean cada matiz, textura y expresión visual.
Farfetch funciona como una galería de moda minimalista: la interfaz carece casi por completo de color, permitiendo que la fotografía editorial dicte todas las decisiones visuales. La tipografía se encarga de toda la estructura: se utiliza una fuente geométrica sans-serif de diseño propio (Farfetch Basis) en grosores de 400 y 700, mientras que los títulos de las secciones y el logotipo se muestran en una fuente serif que trata el texto como composición. El diseño es arquitectónico: contenido centrado a ancho completo, cuadrículas de productos rígidas de 3 y 4 columnas, amplio espacio para la colocación de secciones (48–72 px) y ausencia total de elementos decorativos. Los componentes carecen de adornos: subrayados sutiles para la búsqueda, enlaces de navegación ocultos, nombres de categorías en mayúsculas debajo de las imágenes, mosaicos de productos planos sin sombras ni bordes. El único color del sistema son las propias fotografías; la interfaz es un marco, no la imagen en sí.
La página presenta una composición centrada de ancho completo con un ancho máximo de contenido de ~1280px. El encabezado es un panel delgado de tres zonas (navegación de categorías a la izquierda, signo de texto centrado e íconos auxiliares a la derecha), debajo del cual hay un campo de búsqueda a la derecha. La primera sección es una cuadrícula de tres columnas de mosaicos de categorías de ancho completo (MUJER, HOMBRE, INFANTIL), cada uno con una etiqueta superpuesta. Debajo de cada sección de categoría hay una cuadrícula de cuatro columnas de tarjetas de categorías de productos (NOVEDADES, ROPA, BOLSOS, ZAPATOS) con títulos en mayúsculas. Los títulos de las secciones están centrados y escritos en una fuente con una sangría vertical de ~48px en la parte superior e inferior. No hay franjas de fondo alternas: toda la página es un campo blanco sólido. El pie de página está invertido a #222222 como una sola franja oscura. La navegación es una barra superior minimalista sin elementos fijos, sin mega menú y sin barra lateral.
El sistema visual está dominado por la fotografía de moda editorial: imágenes grandes y de alta resolución que llenan toda la página, con modelos en interiores arquitectónicos y primeros planos de productos. La fotografía se realiza con una paleta de colores apagados y desaturados: paredes de hormigón, piedra natural, interiores neutros, luz natural suave y direccional. Las modelos aparecen en planos medios y de cuerpo entero, con poses editoriales, no con las poses rígidas de los catálogos de comercio electrónico. Las imágenes de productos (bolsos, zapatos) se presentan aisladas sobre un fondo gris neutro o de piedra, sin ningún contexto de estilo de vida: el sujeto ES el protagonista. La interfaz no añade elementos visuales: ni iconos, ni pegatinas promocionales, ni marcos decorativos. Toda la riqueza visual proviene del departamento de fotografía, no del sistema de diseño.
Paleta
Neutral
- Carbon
#222222— Texto principal, texto de página, enlaces de navegación, iconos, logotipo, pie de página y un tono de color casi negro para todo el sistema monocromo. - Paper
#ffffff— El lienzo de la página, las imágenes de fondo de las tarjetas, las superficies de los mosaicos de productos, los campos de entrada y el fondo dominante, que hace que la fotografía sea el único acento de color. - Ash Gray
#b6b6b6— Trazos sutiles en los iconos, bordes adicionales, subrayado de búsqueda en segundo plano, texto de marcador de posición fantasma en los campos de entrada: la opción más discreta, no neutral en cuanto al texto. - Stone
#f5f5f5— Efecto de transición al pasar el cursor sobre las barras de navegación, tono de superficie secundario para subpaneles y fondos de anuncios, el efecto de transición más suave de la pila. - Graphite
#727272— Texto auxiliar atenuado, bordes de formulario inactivos y contornos de iconos deshabilitados: un gris medio que indica una reducción del énfasis sin sacrificar la legibilidad. - Smoke
#e6e6e6— Separadores sutiles entre las filas de productos, una línea estructural apenas perceptible en una disposición que, por lo demás, es impecable.
Tipografía
De 13 a 30 píxeles · 3 pasos
- Farfetch Basis — reemplazo: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · esquemas 400, 700 · Se utiliza una tipografía sans-serif geométrica de diseño personalizado para todo lo que se muestra al usuario: enlaces de navegación a 13–15px/400, texto principal y descripciones de productos a 15px/400, encabezados de sección a 22–30px/400 y el logotipo de FARFETCH a 700. Los encabezados de 400 representan una decisión deliberada de alejarse de la negrita: los encabezados de sección tienen un grosor regular, seguro, pero no excesivamente grueso, mientras que 700 se reserva para el logotipo y los nombres de categoría más expresivos. Esta geometría especial garantiza un contraste de trazo uniforme y una calidez sutil y humanista que la tipografía Helvetica estándar no lograría.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 24px |
| Radio del botón | 0px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 48-72px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de FARFETCH España 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
- MAKR — Una vitrina de museo para artículos de cuero hechos a mano. Una sala tranquila, completamente blanca, donde las etiquetas impresas en tinta negra cálida flotan bajo grandes fotografías de artículos de cuero sostenidos en la mano o con paisajes de fondo; el único contraste de color es una tenue franja de color verde salvia.
- Franco Maria Ricci Editore — Catálogo de la galería Art Deco: Líneas doradas pulidas sobre pergamino blanco nítido.
- Laura Monin — Pared de galería editorial, mármol blanco, sello de tinta
- OhDada — Muro de galería editorial
- Cursor — Un acogedor taller de pergamino, iluminado por brasas humeantes.
- Structured — Galería renacentista en papel con textura similar a la plastilina.
- MindMarket — Un acogedor libro de cuentos de hadas en papel color crema: un lienzo editorial amigable donde grandes titulares y personajes de papel recortados coexisten en una superficie suave como una pegatina, bañada por el sol.
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Apple (España) — La galería del museo, bañada por una suave luz natural, es un único espacio blanco, cautivador y etéreo, donde cada pieza está iluminada por un foco contra una pared ligeramente tintada.
- Lamborghini — Carrocería negra en la sala de exposición, bajo los focos: un coche amarillo.
- Amplemarket — Un lugar de trabajo bañado por el sol y cubierto de confeti.
- Getharvest — Un escritorio a la hora dorada: un lienzo de color crema cálido, postales blancas colgadas en el lienzo y una sola llama de color naranja brillante.