FARFETCH España
Una galeria de moda a l'estil "cub blanc". Imagineu-vos un espai comercial d'alta gamma on les parets, els terres i els accessoris estan blanquejats, i només la roba i les persones que la porten creen cada to, textura i expressió visual.
Farfetch funciona com una galeria de moda de tipus "cub blanc": la interfície està gairebé completament desproveïda de color, cosa que permet que la fotografia editorial dicti totes les decisions visuals. La tipografia proporciona tot el treball estructural: s'utilitza una font sans-serif geomètrica de disseny personalitzat (Farfetch Basis) en pesos 400 i 700, mentre que els encapçalaments de secció i el logotip es representen en una font serif que tracta el text com a composició. El disseny és arquitectònic: contingut centrat i d'amplada completa, quadrícules de productes rígides de 3 i 4 columnes, ampli espai per a la col·locació de seccions (48–72 px) i una manca total d'elements decoratius. Els components estan despullats d'embelliment: subratllats subtils per a la cerca, enllaços de navegació ocults, noms de categories en majúscules sota les imatges, mosaics de productes plans sense ombres ni vores. L'únic color del sistema són les fotografies en si; la interfície és un marc, no la imatge en si.
La pàgina presenta una composició centrada d'amplada completa amb una amplada màxima de contingut d'uns 1280 px. La capçalera és un panell prim de tres zones (navegació per categories a l'esquerra, signe de text centrat i icones auxiliars a la dreta), sota el qual hi ha un camp de cerca a la dreta. La primera secció és una quadrícula de tres columnes de mosaics de categories d'amplada completa (DONA, HOME, INFANTIL), cadascun amb una etiqueta superposada. Sota cada secció de categoria hi ha una quadrícula de quatre columnes de targetes de categories de productes (NOVETATS, ROBA, BOLSOS, SABATES) amb títols en majúscules. Els títols de les seccions estan centrats i escrits en una font amb una sagnia vertical d'uns 48 px a la part superior i inferior. No hi ha franges de fons alternes: tota la pàgina és un camp blanc sòlid. El peu de pàgina està invertit a #222222 com una sola franja fosca. La navegació és una barra superior minimalista sense elements fixos, sense mega menú ni barra lateral.
El sistema visual està dominat per la fotografia de moda editorial: imatges grans i d'alta resolució que omplen tota la pàgina, amb models en interiors arquitectònics i primers plans de productes. La fotografia en si s'executa en una paleta apagada i desaturada: parets de formigó, pedra natural, interiors neutres, llum natural suau i direccional. Les models es fotografien de cos sencer i de cos sencer, amb postures editorials, no amb les postures estrictes dels catàlegs de comerç electrònic. Les imatges dels productes (bosses, sabates) estan aïllades sobre un fons gris o de pedra neutre, sense cap context d'estil de vida: el subjecte ÉS el protagonista. La interfície no afegeix elements visuals: ni icones, ni adhesius promocionals, ni marcs decoratius. Tota la riquesa visual prové del departament de fotografia, no del sistema de disseny.
Paleta
Neutral
- Carbon
#222222— Text del cos, text de la pàgina, enllaços de navegació, icones, logotip, peu de pàgina i un to de color gairebé negre per a tot el sistema monocrom. - Paper
#ffffff— El llenç de la pàgina, les imatges de fons de la targeta, les superfícies de les tessel·les del producte, els camps d'entrada i el fons dominant, que fa que la fotografia sigui l'únic accent de color. - Ash Gray
#b6b6b6— Traços subtils d'icona, vores addicionals, subratllat de cerca al fons, marcador de posició de text fantasma als camps d'entrada: l'opció més silenciosa, no neutra pel que fa al text. - Stone
#f5f5f5— Efecte de transició de pas per sobre per a les barres de navegació, to de superfície secundari per a subpanells i fons d'anuncis, l'efecte de transició més suau de la pila. - Graphite
#727272— Text auxiliar silenciat, vores de formulari inactives i contorns d'icones desactivats: un gris mitjà que indica una reducció de l'èmfasi sense sacrificar la llegibilitat. - Smoke
#e6e6e6— Divisors subtils entre files de productes, una línia estructural gairebé imperceptible en una disposició que d'altra banda seria perfecta.
Tipografia
de 13 a 30px · 3 passos
- Farfetch Basis — reemplaçament: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · esquemes 400, 700 · Per a tot el que es mostra a l'usuari s'utilitza una font sans-serif geomètrica de disseny personalitzat: enllaços de navegació de 13 a 15 px/400, text del cos i descripcions de productes de 15 px/400, encapçalaments de secció de 22 a 30 px/400 i el logotip de FARFETCH de 700. Els encapçalaments de només 400 són un allunyament deliberat de la negreta: els encapçalaments de secció tenen un pes regular, segur, però no excessivament negreta, mentre que 700 es reserva per al logotip i els noms de categories més expressius. Aquesta geometria especial garanteix un contrast uniforme del traç i una calidesa subtil i humanística que la font Helvetica estàndard no aconseguiria.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 24px |
| Radi del botó | 0px |
| Radi de la targeta | 0px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 48-72px |
| Amplada de la pàgina | 1280px |
La IA crearà el vostre lloc web a l'estil FARFETCH España i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- MAKR — Una vitrina de museu per a articles de pell fets a mà. Una sala tranquil·la i totalment blanca on les etiquetes amb tinta negra càlida suren sota grans fotografies d'articles de pell a la mà o contra paisatges, l'únic contrast de color una franja apagada de sàlvia.
- Franco Maria Ricci Editore — Catàleg de la Galeria Art Déco: línies daurades polides sobre pergamí blanc nítid
- Laura Monin — Mur de la galeria editorial, marbre blanc, segell de tinta
- OhDada — Mur de la galeria editorial
- Cursor — Un acollidor taller de pergamí, il·luminat per brases fumejants
- Structured — Galeria renaixentista sobre paper semblant a la plastilina
- MindMarket — Un llibre de conte de fades acollidor sobre paper crema: un llenç editorial agradable on grans titulars d'Inter i personatges de paper retallats conviuen sobre una superfície suau com un adhesiu banyada pel sol.
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Apple (España) — La galeria del museu, a la llum suau del dia, és un espai blanc únic, captivador i sense pes, amb cada exposició il·luminada per un focus contra una paret lleugerament tintada.
- Lamborghini — Color negre de la carrosseria a la sala d'exposició, sota els focus: un cotxe groc
- Amplemarket — Un lloc de treball assolellat i ple de confeti
- Getharvest — Un escriptori a l'hora daurada: un llenç de color crema càlid, postals blanques penjades al llenç i una única flama taronja brillant