FARFETCH España
Una galleria di moda in stile "white cube". Immaginate uno spazio commerciale di lusso dove pareti, pavimenti e arredi sono di un bianco immacolato, e solo gli abiti e le persone che li indossano creano ogni tonalità, texture ed espressione visiva.
Farfetch funziona come una galleria di moda "white cube": l'interfaccia è quasi completamente priva di colore, lasciando che la fotografia editoriale detti tutte le scelte visive. La tipografia fornisce tutta la struttura: un font sans-serif geometrico personalizzato (Farfetch Basis) viene utilizzato nei pesi 400 e 700, mentre i titoli delle sezioni e il logo sono resi con un font serif che tratta il testo come parte integrante della composizione. Il layout è architettonico: contenuto centrato a tutta larghezza, griglie di prodotti rigide a 3 e 4 colonne, ampio spazio per il posizionamento delle sezioni (48-72px) e totale assenza di elementi decorativi. I componenti sono spogli di abbellimenti: sottili sottolineature per la ricerca, link di navigazione nascosti, nomi delle categorie in maiuscolo sotto le immagini, riquadri dei prodotti piatti senza ombre o bordi. L'unico colore nel sistema è quello delle fotografie stesse; l'interfaccia è una cornice, non l'immagine stessa.
La pagina presenta una composizione centrata a tutta larghezza con una larghezza massima del contenuto di circa 1280px. L'intestazione è un pannello sottile a tre zone (navigazione delle categorie a sinistra, testo centrato e icone ausiliarie a destra), sotto il quale si trova un campo di ricerca a destra. La prima sezione è una griglia a tre colonne di riquadri di categoria a tutta larghezza (MUJER, HOMBRE, INFANTIL), ciascuno con un'etichetta sovrapposta. Sotto ogni sezione di categoria si trova una griglia a quattro colonne di schede di categoria prodotto (NOVEDADES, ROPA, BOLSOS, ZAPATOS) con titoli in maiuscolo. I titoli delle sezioni sono centrati e scritti in un font con un rientro verticale di circa 48px in alto e in basso. Non ci sono strisce di sfondo alternate: l'intera pagina è un unico campo bianco. Il piè di pagina è invertito in #222222 come una singola striscia scura. La navigazione è una barra superiore minimalista senza elementi fissi, senza mega menu e senza barra laterale.
Il sistema visivo è dominato dalla fotografia di moda editoriale: immagini di grandi dimensioni e ad alta risoluzione che riempiono l'intera pagina, con modelle in interni architettonici e primi piani di prodotti. La fotografia stessa è realizzata con una palette di colori tenui e desaturati: pareti in cemento, pietra naturale, interni neutri, luce naturale morbida e direzionale. Le modelle sono ritratte a mezzo busto e a figura intera, con pose editoriali, non con le pose rigide dei cataloghi di e-commerce. Le immagini dei prodotti (borse, scarpe) sono isolate su uno sfondo grigio neutro o color pietra, senza alcun contesto di vita quotidiana: il soggetto È il protagonista. L'interfaccia non aggiunge alcun elemento visivo: nessuna icona, nessun adesivo promozionale, nessuna cornice decorativa. Tutta la ricchezza visiva proviene dal reparto fotografico, non dal sistema di design.
Tavolozza
Neutro
- Carbon
#222222— Testo del corpo, testo della pagina, link di navigazione, icone, logo, piè di pagina e una tonalità di colore quasi nera per l'intero sistema monocromatico. - Paper
#ffffff— La tela della pagina, le immagini di sfondo delle schede, le superfici delle tessere prodotto, i campi di input e lo sfondo dominante, che rende la fotografia l'unico elemento di accento colorato. - Ash Gray
#b6b6b6— Tratti di icone discreti, bordi aggiuntivi, sottolineatura della ricerca sullo sfondo, segnaposto di testo invisibile nei campi di input: l'opzione più discreta, non neutra rispetto al testo. - Stone
#f5f5f5— Effetto di transizione al passaggio del mouse per le barre di navigazione, tonalità di superficie secondaria per i pannelli secondari e gli sfondi degli annunci, l'effetto di transizione più delicato della serie. - Graphite
#727272— Testo di supporto attenuato, bordi dei moduli inattivi e contorni delle icone disabilitati: un grigio medio che segnala una riduzione dell'enfasi senza compromettere la leggibilità. - Smoke
#e6e6e6— Sottili divisori tra le file di prodotti, una linea strutturale appena percettibile in un layout altrimenti senza soluzione di continuità.
Tipografia
da 13 a 30px · 3 passaggi
- Farfetch Basis — sostituzione: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · contorni 400, 700 · Per tutti gli elementi visualizzati all'utente viene utilizzato un font sans-serif geometrico progettato su misura: i link di navigazione hanno una dimensione di 13-15px/400, il testo del corpo e le descrizioni dei prodotti di 15px/400, le intestazioni di sezione di 22-30px/400 e il logo FARFETCH di 700. La scelta di utilizzare solo 400 per le intestazioni è deliberata, in quanto non si ricorre al grassetto: le intestazioni di sezione presentano un peso regolare, deciso ma non eccessivamente audace, mentre 700 è riservato al logo e ai nomi delle categorie più espressivi. Questa particolare geometria garantisce un contrasto uniforme dei tratti e un calore sottile e umano che il font Helvetica standard non sarebbe in grado di offrire.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 24px |
| Raggio del pulsante | 0px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 48-72px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile FARFETCH España e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- MAKR — Una vetrina museale per articoli in pelle realizzati a mano. Una stanza silenziosa, completamente bianca, dove etichette in inchiostro nero caldo fluttuano sotto grandi fotografie di articoli in pelle tenuti in mano o sullo sfondo di paesaggi, l'unico contrasto di colore dato da una tenue striscia color salvia.
- Franco Maria Ricci Editore — Catalogo della galleria Art Deco - Linee dorate lucide su pergamena bianca e brillante
- Laura Monin — Parete della galleria editoriale, marmo bianco, timbro a inchiostro
- OhDada — Parete della galleria editoriale
- Cursor — Un accogliente laboratorio di pergamena, illuminato da braci ardenti.
- Structured — Galleria rinascimentale su carta simile alla plastilina
- MindMarket — Un accogliente libro di fiabe su carta color crema: una tela editoriale conviviale dove grandi titoli Inter e personaggi di carta ritagliati convivono su una superficie morbida come un adesivo, baciata dal sole.
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- Apple (España) — La galleria del museo, immersa in una tenue luce naturale, è un unico, affascinante spazio bianco e etereo, dove ogni opera è illuminata da un faretto proiettato su una parete leggermente colorata.
- Lamborghini — Carrozzeria nera nello showroom, sotto i riflettori - un'auto gialla
- Amplemarket — Un luogo di lavoro baciato dal sole e cosparso di coriandoli
- Getharvest — Una scrivania all'ora d'oro: una tela color crema caldo, cartoline bianche appese alla tela e un'unica fiamma arancione brillante.