FARFETCH España
O galerie de modă în stilul „cub alb”. Imaginați-vă un spațiu comercial de lux, unde pereții, podelele și corpurile de iluminat sunt decolorate, iar doar hainele și oamenii care le poartă creează fiecare nuanță, textură și expresie vizuală.
Farfetch funcționează ca o galerie de modă de tip „cub alb”: interfața este aproape complet lipsită de culoare, permițând fotografiei editoriale să dicteze toate deciziile vizuale. Tipografia asigură toată munca structurală - un font sans-serif geometric personalizat (Farfetch Basis) este utilizat în grosimile 400 și 700, în timp ce titlurile secțiunilor și sigla sunt redate într-un font serif care tratează textul ca o compoziție. Aspectul este arhitectural: conținut centrat, pe toată lățimea, grile rigide de produse cu 3 și 4 coloane, spațiu amplu pentru plasarea secțiunilor (48–72px) și o lipsă completă de elemente decorative. Componentele sunt lipsite de înfrumusețări - sublinieri subtile pentru căutare, linkuri de navigare ascunse, nume de categorii scrise cu majuscule sub imagini, plăci plate de produse fără umbre sau chenare. Singura culoare din sistem este reprezentată de fotografiile în sine; interfața este un cadru, nu imaginea în sine.
Pagina prezintă o compoziție centrată, pe lățime completă, cu o lățime maximă a conținutului de ~1280px. Antetul este un panou subțire, cu trei zone (navigare prin categorii în stânga, semn text centrat și pictograme auxiliare în dreapta), sub care se află un câmp de căutare în dreapta. Prima secțiune este o grilă pe trei coloane cu dale de categorii pe lățime completă (FEMEIE, BĂRBAT, INFANTIL), fiecare cu o etichetă suprapusă. Sub fiecare secțiune de categorie se află o grilă pe patru coloane cu carduri de categorii de produse (NOVEDADES, ROPA, BOLSOS, ZAPATOS) cu titluri scrise toate cu majuscule. Titlurile secțiunilor sunt centrate și scrise cu un font cu o indentare verticală de ~48px în partea de sus și de jos. Nu există dungi de fundal alternante - întreaga pagină este un câmp alb solid. Subsolul este inversat la #222222 ca o singură bandă întunecată. Navigarea este o bară superioară minimalistă, fără elemente fixe, fără mega meniu și fără bară laterală.
Sistemul vizual este dominat de fotografia editorială de modă - imagini mari, de înaltă rezoluție, care umplu întreaga pagină, cu modele în interioare arhitecturale și prim-planuri ale produselor. Fotografia în sine este executată într-o paletă estompată, desaturată: pereți de beton, piatră naturală, interioare neutre, lumină naturală difuză și direcțională. Modelele sunt fotografiate în poziții medii și întregi, în ipostaze editoriale, nu în ipostazele stricte ale cataloagelor de comerț electronic. Imaginile produselor (genți, pantofi) sunt izolate pe un fundal neutru gri sau piatră, fără niciun context de stil de viață - subiectul ESTE protagonistul. Interfața nu adaugă elemente vizuale: nici pictograme, nici autocolante promoționale, nici rame decorative. Toată bogăția vizuală provine de la departamentul de fotografie, nu de la sistemul de design.
Paletă
Neutru
- Carbon
#222222— Textul corpului paginii, textul paginii, linkurile de navigare, pictogramele, sigla, subsolul și o nuanță de culoare aproape neagră pentru întregul sistem monocrom. - Paper
#ffffff— Pânza paginii, imaginile de fundal ale cardurilor, suprafețele dalelor de produse, câmpurile de introducere a datelor și fundalul dominant, ceea ce face ca fotografia să fie singurul accent de culoare. - Ash Gray
#b6b6b6— Contururi subtile ale pictogramelor, chenare suplimentare, subliniere pentru căutare în fundal, text fantomă în câmpurile de introducere - cea mai silențioasă opțiune, fără a fi neutră din punct de vedere al textului. - Stone
#f5f5f5— Efect de tranziție la trecerea cu mouse-ul peste barele de navigare, ton secundar al suprafeței pentru subpanouri și fundaluri publicitare, cel mai delicat efect de tranziție din stivă. - Graphite
#727272— Text auxiliar dezactivat, chenar inactiv al formularului și contururi ale pictogramelor dezactivate - un gri mediu care semnalează o reducere a accentului fără a sacrifica lizibilitatea. - Smoke
#e6e6e6— Separatoare subtile între rândurile de produse, o linie structurală abia sesizabilă într-un aspect altfel fără cusur.
Tipografie
de la 13 la 30px · 3 pași
- Farfetch Basis — înlocuire: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · contururi 400, 700 · Un font sans-serif geometric personalizat este utilizat pentru tot ceea ce este afișat utilizatorului: linkuri de navigare la 13–15px/400, textul și descrierile produselor la 15px/400, titlurile secțiunilor la 22–30px/400 și sigla FARFETCH la 700. Titlurile cu doar 400 reprezintă o îndepărtare deliberată de caracterele îngroșate: titlurile secțiunilor au o grosime regulată, sigură, dar nu excesiv de îngroșată, în timp ce 700 este rezervat pentru siglă și cele mai expresive nume de categorii. Această geometrie specială asigură un contrast uniform al liniilor de caractere și o căldură subtilă, umanistă, pe care fontul Helvetica standard nu ar putea-o atinge.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 24px |
| Raza butonului | 0px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 48-72px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul FARFETCH España și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- MAKR — O vitrină de muzeu pentru articole din piele lucrate manual. O cameră liniștită, complet albă, unde etichete cu cerneală neagră caldă plutesc sub fotografii mari cu articole din piele ținute în mână sau pe fundalul unor peisaje, singurul contrast de culoare fiind o dungă estompată de salvie.
- Franco Maria Ricci Editore — Catalogul Galeriei Art Deco - Linii aurii șlefuite pe pergament alb impecabil
- Laura Monin — Perete galerie editorială, marmură albă, ștampilă cu cerneală
- OhDada — Perete galerie editorială
- Cursor — Un atelier de pergament confortabil, luminat de cărbuni fumegând
- Structured — Galerie renascentistă pe hârtie asemănătoare plastilinei
- MindMarket — O carte de basm confortabilă pe hârtie crem - o pânză editorială prietenoasă unde titluri mari din Inter și personaje decupate din hârtie coexistă pe o suprafață scăldată în soare, moale ca un autocolant.
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- Apple (España) — Galeria muzeului, în lumina blândă a zilei, este un spațiu alb, unic, captivant, fără greutate, fiecare exponat fiind iluminat de un reflector pe un perete ușor nuanțat.
- Lamborghini — Culoarea neagră a caroseriei în showroom, sub spoturi - o mașină galbenă
- Amplemarket — Un loc de muncă scăldat în soare, presărat cu confetti
- Getharvest — Un birou la ora aurie – o pânză crem caldă, cărți poștale albe atârnate pe pânză și o singură flacără portocalie strălucitoare