FARFETCH España
Unha galería de moda ao estilo "cubo branco". Imaxina un espazo comercial de alta gama onde as paredes, os pisos e os accesorios están branqueados, e só a roupa e as persoas que a levan crean cada matiz, textura e expresión visual.
Farfetch funciona como unha galería de moda de tipo "cubo branco": a interface carece case por completo de cor, o que permite que a fotografía editorial dite todas as decisións visuais. A tipografía proporciona todo o traballo estrutural: utilízase unha fonte sans-serif xeométrica deseñada a medida (Farfetch Basis) en pesos 400 e 700, mentres que os títulos das seccións e o logotipo represéntanse nunha fonte serif que trata o texto como composición. A disposición é arquitectónica: contido centrado e de ancho completo, grellas de produtos ríxidas de 3 e 4 columnas, amplo espazo para a colocación de seccións (48–72 px) e unha completa ausencia de elementos decorativos. Os compoñentes están desprovistos de adornos: subliñados sutís para a busca, ligazóns de navegación ocultas, nomes de categorías en maiúsculas debaixo das imaxes e mosaicos de produtos planos sen sombras nin bordos. A única cor do sistema son as propias fotografías; a interface é un marco, non a propia imaxe.
A páxina presenta unha composición centrada de ancho completo cun ancho máximo de contido de ~1280 px. A cabeceira é un panel fino de tres zonas (navegación por categorías á esquerda, sinal de texto centrado e iconas auxiliares á dereita), debaixo do cal hai un campo de busca á dereita. A primeira sección é unha grella de tres columnas con mosaicos de categorías de ancho completo (MULLER, HOME, INFANTIL), cada un cunha etiqueta superposta. Debaixo de cada sección de categoría hai unha grella de catro columnas con tarxetas de categorías de produtos (NOVEDADES, ROPA, BOLSOS, ZAPATOS) con títulos en maiúsculas. Os títulos das seccións están centrados e escritos nunha fonte cunha sangría vertical de ~48 px na parte superior e inferior. Non hai franxas de fondo alternas: toda a páxina é un campo branco sólido. O pé de páxina está invertido a #222222 como unha única franxa escura. A navegación é unha barra superior minimalista sen elementos fixos, sen mega menú nin barra lateral.
O sistema visual está dominado pola fotografía editorial de moda: imaxes grandes e de alta resolución que enchen toda a páxina, con modelos en interiores arquitectónicos e primeiros planos de produtos. A propia fotografía execútase nunha paleta apagada e desaturada: muros de formigón, pedra natural, interiores neutros, luz natural suave e direccional. As modelos son fotografadas de corpo enteiro e corpo enteiro, con poses editoriais, non as poses estritas dos catálogos de comercio electrónico. As imaxes dos produtos (bolsos, zapatos) están illadas sobre un fondo gris ou de pedra neutro, sen ningún contexto de estilo de vida: o suxeito É o protagonista. A interface non engade elementos visuais: nin iconas, nin adhesivos promocionais, nin marcos decorativos. Toda a riqueza visual provén do departamento de fotografía, non do sistema de deseño.
Paleta
Neutro
- Carbon
#222222— Texto do corpo, texto da páxina, ligazóns de navegación, iconas, logotipo, pé de páxina e un ton de cor case negro para todo o sistema monocromático. - Paper
#ffffff— O lenzo da páxina, as imaxes de fondo da tarxeta, as superficies das teselas do produto, os campos de entrada e o fondo dominante, que fai que a fotografía sexa o único acento de cor. - Ash Gray
#b6b6b6— Trazos sutís de iconas, bordos adicionais, subliñado de busca no fondo, marcador de posición de texto pantasma nos campos de entrada: a opción máis silenciosa, non neutra en canto ao texto. - Stone
#f5f5f5— Efecto de transición ao pasar o cursor para as barras de navegación, ton de superficie secundario para subbarras e fondos de anuncios, o efecto de transición máis suave da pila. - Graphite
#727272— Texto de axuda silenciado, bordos de formulario inactivos e contornos de iconas desactivados: un gris medio que sinala unha redución da énfase sen sacrificar a lexibilidade. - Smoke
#e6e6e6— Divisores sutís entre filas de produtos, unha liña estrutural apenas perceptible nunha disposición doutro xeito fluída.
Tipografía
de 13 a 30 px · 3 pasos
- Farfetch Basis — substitución: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · contornos 400, 700 · Para todo o que se lle mostra ao usuario úsase unha fonte sans-serif xeométrica deseñada a medida: ligazóns de navegación de 13–15 px/400, corpo de texto e descricións de produtos de 15 px/400, títulos de sección de 22–30 px/400 e o logotipo de FARFETCH de 700. Os títulos de só 400 son un afastamento deliberado da negra: os títulos de sección teñen un peso regular e seguro, pero non excesivamente groso, mentres que 700 está reservado para o logotipo e os nomes de categorías máis expresivos. Esta xeometría especial garante un contraste uniforme do trazo e unha calidez sutil e humanística que a fonte Helvetica estándar non conseguiría.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 24px |
| Radio do botón | 0px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 48-72px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de FARFETCH España e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- MAKR — Unha vitrina de museo para artigos de coiro feitos a man. Unha sala tranquila e totalmente branca onde as etiquetas en tinta negra cálida flotan baixo grandes fotografías de artigos de coiro sostidos na man ou contra paisaxes, o único contraste de cor unha raia tenue de salvia.
- Franco Maria Ricci Editore — Catálogo da Galería Art Déco: liñas douradas puídas sobre pergamiño branco nítido
- Laura Monin — Muro da galería editorial, mármore branco, selo de tinta
- OhDada — Muro da galería editorial
- Cursor — Un acolledor taller de pergamiño, iluminado por brasas fumegantes
- Structured — Galería renacentista en papel tipo plastilina
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- Apple (España) — A galería do museo, á suave luz do día, é un espazo branco único, cativador e ingrávido, con cada exposición iluminada por un foco contra unha parede lixeiramente tintada.
- Lamborghini — Cor negra da carrozaría na sala de exposicións, baixo os focos: un coche amarelo
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti
- Getharvest — Un escritorio na hora dourada: un lenzo cor crema cálido, postais brancas colgadas no lenzo e unha única chama laranxa brillante.