FARFETCH España
Une galerie de mode de style « cube blanc». Imaginez un espace de vente haut de gamme où les murs, les sols et les agencements sont d'un blanc immaculé, et où seuls les vêtements et les personnes qui les portent créent chaque nuance, texture et expression visuelle.
Farfetch fonctionne comme une galerie de mode « white cube»: l’interface est presque entièrement dépourvue de couleur, laissant la photographie éditoriale dicter tous les choix visuels. La typographie assure toute la structure: une police sans empattement géométrique personnalisée (Farfetch Basis) est utilisée en graisses 400 et 700, tandis que les titres de section et le logo sont rendus dans une police à empattement qui traite le texte comme une composition. La mise en page est architecturale: contenu centré en pleine largeur, grilles de produits rigides à 3 et 4 colonnes, espace suffisant pour le placement des sections (48 à 72 px) et absence totale d’éléments décoratifs. Les composants sont dépouillés de tout ornement: légers soulignements pour la recherche, liens de navigation cachés, noms de catégories en majuscules sous les images, vignettes de produits plates sans ombres ni bordures. La seule couleur présente dans le système est celle des photographies elles-mêmes; l’interface est un cadre, et non l’image elle-même.
La page présente une composition centrée en pleine largeur, avec une largeur de contenu maximale d'environ 1280 px. L'en-tête est un panneau fin à trois zones (navigation par catégories à gauche, texte centré et icônes auxiliaires à droite), surmonté d'un champ de recherche. La première section est une grille à trois colonnes de vignettes de catégories en pleine largeur (FEMME, HOMME, ENFANT), chacune avec une étiquette superposée. Sous chaque section de catégorie se trouve une grille à quatre colonnes de fiches de catégories de produits (NOUVEAUTÉS, VÊTEMENTS, BOLS, CHAUSSURES) dont les titres sont en majuscules. Les titres des sections sont centrés et écrits dans une police avec un retrait vertical d'environ 48 px en haut et en bas. Il n'y a pas de bandes de fond alternées: la page est entièrement blanche. Le pied de page est inversé (#222222) et se présente sous la forme d'une unique bande foncée. La navigation est une barre supérieure minimaliste sans éléments fixes, sans méga menu ni barre latérale.
L'identité visuelle est dominée par la photographie de mode éditoriale: de grandes images haute résolution occupant toute la page, mettant en scène des mannequins dans des intérieurs architecturaux et des gros plans de produits. La photographie se caractérise par une palette de couleurs douces et désaturées: murs en béton, pierre naturelle, intérieurs neutres, lumière naturelle douce et directionnelle. Les mannequins sont photographiés en plan moyen et en pied, dans des poses éditoriales, loin des poses rigides des catalogues e-commerce. Les images de produits (sacs, chaussures) sont isolées sur un fond gris neutre ou pierre, sans aucun contexte lifestyle: le sujet est au centre de l'attention. L'interface est dépourvue d'éléments visuels: ni icônes, ni stickers promotionnels, ni cadres décoratifs. Toute la richesse visuelle provient du département photographie, et non du design.
Palette
Neutre
- Carbon
#222222— Texte principal, texte de la page, liens de navigation, icônes, logo, pied de page et une tonalité presque noire pour l'ensemble du système monochrome. - Paper
#ffffff— La page de travail, les images de fond des cartes, les surfaces des vignettes de produits, les champs de saisie et l'arrière-plan dominant, qui fait de la photographie le seul élément de couleur. - Ash Gray
#b6b6b6— Des traits d'icônes subtils, des bordures supplémentaires, un soulignement de recherche en arrière-plan, un texte d'espace réservé fantôme dans les champs de saisie: l'option la plus discrète, mais non neutre pour le texte. - Stone
#f5f5f5— Effet de transition au survol pour les barres de navigation, tonalité de surface secondaire pour les sous-panneaux et les arrière-plans publicitaires, l'effet de transition le plus doux de la pile. - Graphite
#727272— Texte d'aide discret, bordures de formulaire inactives et contours d'icônes désactivés: un gris moyen qui signale une réduction de l'importance sans sacrifier la lisibilité. - Smoke
#e6e6e6— Des séparateurs discrets entre les rangées de produits, une ligne structurelle à peine perceptible dans une disposition par ailleurs harmonieuse.
Typographie
de 13 à 30 px · 3 étapes
- Farfetch Basis — remplacement: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · grandes lignes 400, 700 · Une police sans empattement géométrique personnalisée est utilisée pour tous les éléments affichés à l'utilisateur: liens de navigation (13–15 px/400), texte courant et descriptions de produits (15 px/400), titres de section (22–30 px/400) et logo FARFETCH (700). L'utilisation exclusive de la police à 400 dpi pour les titres constitue un choix délibéré: les titres de section affichent une graisse régulière et affirmée, sans être excessivement grasse, tandis que la police à 700 dpi est réservée au logo et aux noms de catégories les plus expressifs. Cette géométrie particulière garantit un contraste uniforme des traits et une chaleur subtile et humaine que la police Helvetica standard ne permettrait pas d'obtenir.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 24px |
| Rayon du bouton | 0px |
| Rayon de la carte | 0px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 48-72px |
| Largeur de la page | 1280px |
L'IA construira votre site web dans le style FARFETCH España et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- MAKR — Une vitrine de musée pour des articles de maroquinerie artisanaux. Une pièce calme, entièrement blanche, où des étiquettes à l'encre noire chaude flottent sous de grandes photographies d'articles en cuir tenus en main ou sur fond de paysages, la seule nuance de couleur étant une discrète bande vert sauge.
- Franco Maria Ricci Editore — Catalogue de la galerie Art Déco - Lignes d'or poli sur parchemin blanc immaculé
- Laura Monin — Mur de galerie éditoriale, marbre blanc, tampon encreur
- OhDada — mur de la galerie éditoriale
- Cursor — Un atelier de parchemin chaleureux, éclairé par des braises incandescentes.
- Structured — Galerie Renaissance sur papier imitant la pâte à modeler
- MindMarket — Un livre de contes de fées douillet sur papier crème – une toile éditoriale conviviale où de grands titres d'Inter et des personnages en papier découpé coexistent sur une surface douce comme un autocollant, baignée de soleil.
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- Apple (España) — La galerie du musée, baignée d'une douce lumière naturelle, est un espace blanc unique, captivant et immatériel, où chaque œuvre est éclairée par un projecteur sur un mur légèrement teinté.
- Lamborghini — Une voiture jaune, couleur noire, exposée dans la salle d'exposition sous les projecteurs.
- Amplemarket — Un lieu de travail baigné de soleil et jonché de confettis
- Getharvest — Un bureau à l'heure dorée – une toile couleur crème chaude, des cartes postales blanches accrochées à la toile et une unique flamme orange vif.