FARFETCH España
Uma galeria de moda no estilo "cubo branco". Imagine um espaço comercial sofisticado onde as paredes, o chão e os acessórios são de um branco imaculado, e somente as roupas e as pessoas que as vestem criam cada matiz, textura e expressão visual.
A Farfetch funciona como uma galeria de moda "cubo branco": a interface é quase completamente desprovida de cor, permitindo que a fotografia editorial dite todas as decisões visuais. A tipografia fornece toda a estrutura — uma fonte geométrica sem serifa personalizada (Farfetch Basis) é usada nas espessuras 400 e 700, enquanto os títulos das seções e o logotipo são renderizados em uma fonte serifada que trata o texto como composição. O layout é arquitetônico: conteúdo centralizado em largura total, grades rígidas de produtos com 3 e 4 colunas, amplo espaço para posicionamento de seções (48–72px) e ausência completa de elementos decorativos. Os componentes são despojados de adornos — sublinhados sutis para busca, links de navegação ocultos, nomes de categorias em maiúsculas abaixo das imagens, blocos de produtos planos sem sombras ou bordas. A única cor no sistema são as próprias fotografias; a interface é uma moldura, não a imagem em si.
A página apresenta um layout centralizado em largura total, com uma largura máxima de conteúdo de aproximadamente 1280px. O cabeçalho é um painel fino de três zonas (navegação por categoria à esquerda, texto centralizado e ícones auxiliares à direita), abaixo do qual encontra-se um campo de busca. A primeira seção consiste em uma grade de três colunas com blocos de categorias em largura total (MUJER, HOMBRE, INFANTIL), cada um com um rótulo sobreposto. Abaixo de cada seção de categoria, há uma grade de quatro colunas com cartões de categorias de produtos (NOVEDADES, ROPA, BOLSOS, ZAPATOS) com títulos em letras maiúsculas. Os títulos das seções são centralizados e escritos em uma fonte com recuo vertical de aproximadamente 48px na parte superior e inferior. Não há faixas de fundo alternadas — toda a página é um campo branco sólido. O rodapé é invertido para a fonte #222222, apresentando-se como uma única faixa escura. A navegação consiste em uma barra superior minimalista, sem elementos fixos, sem mega menu e sem barra lateral.
O sistema visual é dominado por fotografias de moda editoriais — imagens grandes e de alta resolução que preenchem toda a página, apresentando modelos em interiores arquitetônicos e closes de produtos. A própria fotografia é executada em uma paleta de cores suaves e dessaturadas: paredes de concreto, pedra natural, interiores neutros, luz natural suave e direcional. As modelos são fotografadas de corpo inteiro e em poses editoriais, não nas poses rígidas de catálogos de e-commerce. As imagens dos produtos (bolsas, sapatos) são isoladas contra um fundo neutro cinza ou cor de pedra, sem qualquer contexto de estilo de vida — o sujeito É o protagonista. A interface não adiciona elementos visuais: sem ícones, sem adesivos promocionais, sem molduras decorativas. Toda a riqueza visual vem do departamento de fotografia, não do sistema de design.
Paleta
Neutro
- Carbon
#222222— Texto principal, texto da página, links de navegação, ícones, logotipo, rodapé e um tom de cor quase preto para todo o sistema monocromático. - Paper
#ffffff— A tela da página, as imagens de fundo dos cartões, as superfícies dos produtos, os campos de entrada e o fundo dominante fazem com que a fotografia seja o único elemento de cor de destaque. - Ash Gray
#b6b6b6— Traços sutis nos ícones, bordas extras, sublinhado na busca em segundo plano, texto fantasma em campos de entrada — a opção mais discreta, não neutra em relação ao texto. - Stone
#f5f5f5— Efeito de transição ao passar o mouse para barras de navegação, tom de superfície secundário para subpainéis e fundos de anúncios, o efeito de transição mais suave da pilha. - Graphite
#727272— Texto auxiliar discreto, bordas de formulários inativos e contornos de ícones desativados — um cinza médio que sinaliza uma redução na ênfase sem sacrificar a legibilidade. - Smoke
#e6e6e6— Divisórias sutis entre as fileiras de produtos, uma linha estrutural quase imperceptível em um layout que, de resto, é impecável.
Tipografia
de 13 a 30px · 3 etapas
- Farfetch Basis — substituição: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · esboços 400, 700 · Uma fonte geométrica sans-serif personalizada é usada para tudo o que é exibido ao usuário: links de navegação em 13–15px/400, texto corrido e descrições de produtos em 15px/400, títulos de seção em 22–30px/400 e o logotipo da FARFETCH em 700. Os títulos com 400 pixels de largura representam uma escolha deliberada em vez de negrito: os títulos de seção têm uma espessura regular, confiante, mas não excessivamente em negrito, enquanto 700 é reservado para o logotipo e os nomes de categoria mais expressivos. Essa geometria especial garante um contraste uniforme entre os traços e um toque sutil e humanista que a fonte Helvetica padrão não conseguiria alcançar.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 24px |
| Raio do botão | 0px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 48-72px |
| Largura da página | 1280px |
A IA criará seu site no estilo FARFETCH España e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- MAKR — Uma vitrine de museu para artigos de couro artesanais. Uma sala tranquila, toda branca, onde etiquetas em tinta preta quente flutuam sob grandes fotografias de artigos de couro sendo segurados na mão ou tendo como pano de fundo paisagens, com o único contraste de cor sendo uma discreta faixa verde-sálvia.
- Franco Maria Ricci Editore — Catálogo da Galeria Art Déco - Linhas douradas polidas sobre pergaminho branco impecável
- Laura Monin — Parede da galeria editorial, mármore branco, carimbo de tinta
- OhDada — Galeria editorial
- Cursor — Uma oficina de pergaminho aconchegante, iluminada por brasas fumegantes.
- Structured — Galeria renascentista em papel semelhante à plasticina
- MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- Apple (España) — A galeria do museu, sob uma suave luz natural, é um espaço único, cativante e etéreo, todo branco, com cada peça da exposição iluminada por um foco de luz contra uma parede levemente colorida.
- Lamborghini — Carroceria preta no showroom, sob os holofotes - um carro amarelo.
- Amplemarket — Um local de trabalho banhado de sol e coberto de confetes.
- Getharvest — Uma escrivaninha na hora dourada – uma tela em tons creme quentes, cartões-postais brancos pendurados na tela e uma única chama laranja brilhante.