
FARFETCH España
Una galeria di moda in stile "cubu biancu". Imaginate un spaziu cummerciale di lussu induve i muri, i pavimenti è l'attrezzature sò sbiancati di biancu, è solu i vestiti è e persone chì i portanu creanu ogni tonalità, struttura è espressione visuale.
Farfetch funziona cum'è una galeria di moda "cubu biancu": l'interfaccia hè guasi cumpletamente priva di culore, chì permette à a fotografia editoriale di dittà tutte e decisioni visuali. A tipografia furnisce tuttu u travagliu strutturale - un carattere sans-serif geometricu persunalizatu (Farfetch Basis) hè utilizatu in pesi 400 è 700, mentre chì i tituli di sezzione è u logu sò resi in un carattere serif chì tratta u testu cum'è una cumpusizione. U layout hè architettonicu: cuntenutu centratu à larghezza piena, griglie di prudutti rigide à 3 è 4 colonne, ampiu spaziu per u piazzamentu di e sezzioni (48-72px) è una mancanza cumpleta di elementi decorativi. I cumpunenti sò spogliati di abbellimenti - sottolineature suttili per a ricerca, ligami di navigazione nascosti, nomi di categurie maiuscule sottu à l'imagine, piastrelle di prudutti piatte senza ombre o bordi. L'unicu culore in u sistema sò e fotografie stesse; l'interfaccia hè una cornice, micca l'imagine stessa.
A pagina presenta una cumpusizione centrata, à larghezza piena, cù una larghezza massima di cuntenutu di ~1280px. L'intestazione hè un pannellu finu à trè zone (navigazione di categuria à manca, segnu di testu centratu è icone ausiliarie à diritta), sottu à quale si trova un campu di ricerca à diritta. A prima sezione hè una griglia à trè colonne di piastrelle di categuria à larghezza piena (MUJER, HOMBRE, INFANTIL), ognuna cù un'etichetta sovrapposta. Sottu à ogni sezione di categuria si trova una griglia à quattru colonne di carte di categuria di prudutti (NOVEDADES, ROPA, BOLSOS, ZAPATOS) cù tituli in maiuscule. I tituli di e sezioni sò centrati è scritti in un carattere cù un rientro verticale di ~48px in cima è in fondu. Ùn ci sò strisce di fondu alternate - tutta a pagina hè un campu biancu solidu. U piè di pagina hè invertitu à #222222 cum'è una sola striscia scura. A navigazione hè una barra superiore minimalista senza elementi fissi, senza mega menu è senza barra laterale.
U sistema visuale hè duminatu da a fotografia di moda editoriale - imagine grande è d'alta risoluzione chì riempienu tutta a pagina, cù mudelli in interni architettonichi è primi piani di prudutti. A fotografia stessa hè eseguita in una paleta tenue è desaturata: muri di cimentu, petra naturale, interni neutri, luce di ghjornu dolce è direzionale. I mudelli sò fotografati à mezza lunghezza è à figura intera, cù pose editoriali, micca e pose strette di i cataloghi di e-commerce. L'imagine di i prudutti (borse, scarpe) sò isolate contr'à un sfondate neutru grisgiu o di petra, senza alcun cuntestu di stile di vita - u sughjettu HÈ u prutagunista. L'interfaccia ùn aghjusta micca elementi visuali: nè icone, nè adesivi promozionali, nè cornici decorative. Tutta a ricchezza visuale vene da u dipartimentu di fotografia, micca da u sistema di cuncepimentu.
Paletta
Neutru
- Carbon
#222222— Testu di u corpu, testu di a pagina, ligami di navigazione, icone, logò, piè di pagina è un tonu di culore guasi neru per tuttu u sistema monocromaticu. - Paper
#ffffff— A tela di a pagina, l'imagine di fondu di a carta, e superfici di e piastrelle di u pruduttu, i campi di input è u fondu dominante, chì face di a fotografia l'unicu accentu di culore. - Ash Gray
#b6b6b6— Tratti d'icona suttili, bordi supplementari, sottolineatura di ricerca in u fondu, segnaposto di testu fantasma in i campi di input - l'opzione più silenziosa, micca neutra in quantu à u testu. - Stone
#f5f5f5— Effettu di transizione di u mouse sopra per e barre di navigazione, tonu di superficia secundariu per i sottopannelli è i sfondi publicitari, l'effettu di transizione u più dolce in a pila. - Graphite
#727272— Testu d'aiutu silenziatu, bordi di furmulariu inattivi è contorni d'icone disattivati - un grisgiu mediu chì segnala una riduzione di l'enfasi senza sacrificà a leggibilità. - Smoke
#e6e6e6— Divisori suttili trà e file di prudutti, una linea strutturale appena percettibile in un layout altrimenti senza soluzione di continuità.
Tipografia
da 13 à 30px · 3 passi
- Farfetch Basis — rimpiazzamentu: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · contorni 400, 700 · Un carattere sans-serif geometricu cuncipitu persunalizatu hè utilizatu per tuttu ciò chì hè visualizatu à l'utilizatore: ligami di navigazione à 13–15px/400, testu di u corpu è descrizzioni di i prudutti à 15px/400, tituli di sezzione à 22–30px/400, è u logu FARFETCH à 700. I tituli solu 400 sò un alluntanamentu deliberatu da u grassetto: i tituli di sezzione anu un pesu regulare, sicuru, ma micca eccessivamente grassetto, mentre chì 700 hè riservatu per u logu è i nomi di categurie più espressivi. Questa geometria speciale assicura un cuntrastu uniforme di u trattu è un calore suttile è umanisticu chì u carattere Helvetica standard ùn ottenerebbe micca.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 24px |
| Raggiu di u buttone | 0px |
| Raggiu di a carta | 0px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 48-72px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile FARFETCH España è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- MAKR — Una vetrina di museu per articuli di pelle artigianali. Una stanza tranquilla è tutta bianca induve l'etichette in inchiostru neru caldu flottanu sottu à grandi fotografie di articuli di pelle tenuti in manu o contr'à paisaghji, l'unicu cuntrastu di culore una striscia tenuta di salvia.
- Franco Maria Ricci Editore — Catalogu di a Galleria Art Déco - Righe d'oru lucidate nantu à pergamena bianca croccante
- Laura Monin — Muru di a galeria editoriale, marmaru biancu, timbru d'inchiostru
- OhDada — Muru di a galeria editoriale
- Cursor — Un accogliente attellu di pergamena, illuminatu da carboni fumanti
- Structured — Galleria rinascimentale nantu à carta simile à a plastilina
- MindMarket — Un libru di fiaba accogliente nantu à carta crema - una tela editoriale amichevule induve i grandi tituli Inter è i caratteri di carta ritagliati coesistenu nantu à una superficia inzuppata di sole, dolce cum'è un adesivo.
- Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
- Apple (España) — A galeria di u museu, in a dolce luce di u ghjornu, hè un unicu spaziu biancu accattivante è senza pesu, cù ogni mostra illuminata da un riflettore contr'à un muru ligeramente culuritu.
- Lamborghini — Culore neru di a carrozzeria in u showroom, sottu à i riflettori - una vittura gialla
- Amplemarket — Un locu di travagliu inzuppatu di sole è pienu di confetti
- Getharvest — Un scrivanu à l'ora d'oru - una tela crema calda, carte postale bianche appese à a tela, è una sola fiamma aranciu luminosa