FARFETCH España
Muotigalleria "valkoisen kuution" tyyliin. Kuvittele luksusluokan liiketila, jossa seinät, lattiat ja kalusteet on valkaistu valkoisiksi ja vain vaatteet ja niitä käyttävät ihmiset luovat jokaisen sävyn, tekstuurin ja visuaalisen ilmeen.
Farfetch toimii "valkoisen kuution" muotigalleriana: käyttöliittymä on lähes täysin väritön, jolloin toimituksellinen valokuvaus voi sanella kaikki visuaaliset päätökset. Typografia hoitaa kaiken rakenteellisen työn – painoissa 400 ja 700 käytetään mittatilaustyönä suunniteltua geometrista sans-serif-fonttia (Farfetch Basis), kun taas osioiden otsikot ja logo on piirretty serif-fontilla, joka käsittelee tekstiä sommitteluna. Asettelu on arkkitehtoninen: keskitetty, täysleveä sisältö, jäykät 3- ja 4-sarakkeiset tuoteruudukot, runsaasti tilaa osioiden sijoittelulle (48–72 pikseliä) ja täydellinen koriste-elementtien puuttuminen. Komponenteista on poistettu koristeet – hienovaraiset alleviivaukset haulle, piilotetut navigointilinkit, isoilla kirjaimilla kirjoitetut luokkien nimet kuvien alla, litteät tuotelaatat ilman varjoja tai reunuksia. Järjestelmän ainoa väri on itse valokuvat; käyttöliittymä on kehys, ei itse kuva.
Sivulla on keskitetty, täysleveä sommittelu, jonka sisällön enimmäisleveys on noin 1280 pikseliä. Ylätunniste on ohut, kolmialueinen paneeli (kategorian navigointi vasemmalla, keskitetty tekstimerkki ja apukuvakkeet oikealla), jonka alla on hakukenttä oikealla. Ensimmäinen osio on kolmisarakkeinen ruudukko, joka koostuu täysleveistä kategoriaruuduista (MUJER, HOMBRE, INFANTIL), joista jokaisella on päällekkäinen otsikko. Kunkin kategoriaosion alapuolella on nelisarakkeinen ruudukko, joka sisältää tuotekategoriakortteja (NOVEDADES, ROPA, BOLSOS, ZAPATOS), joiden otsikot on kirjoitettu kokonaan isoilla kirjaimilla. Osioiden otsikot on keskitetty ja kirjoitettu fontilla, jonka pystysuora sisennys on noin 48 pikseliä ylä- ja alareunassa. Vuorottelevia taustaraitoja ei ole – koko sivu on yksi yhtenäinen valkoinen kenttä. Alatunniste on käännetty muotoon #222222 yhtenä tummana raidana. Navigointi on minimalistinen yläpalkki, jossa ei ole kiinteitä elementtejä, ei megavalikkoa eikä sivupalkkia.
Visuaalista järjestelmää hallitsee toimituksellinen muotivalokuvaus – suuria, korkearesoluutioisia kuvia, jotka täyttävät koko sivun ja joissa mallit esiintyvät arkkitehtonisissa sisätiloissa ja lähikuvia tuotteista. Itse valokuvat on toteutettu hillityllä, kyllästymättömällä väripaletilla: betoniseinät, luonnonkivi, neutraalit sisätilat, pehmeä, suunnattu päivänvalo. Mallit on kuvattu keski- ja kokovartaloisina toimituksellisissa asennoissa, ei verkkokauppaluetteloiden tiukoissa asennoissa. Tuotekuvat (laukut, kengät) on eristetty neutraalia harmaata tai kivistä tehtyä taustaa vasten ilman minkäänlaista elämäntyylikontekstia – kohde ON päähenkilö. Käyttöliittymä ei lisää visuaalisia elementtejä: ei kuvakkeita, ei mainostarroja, ei koristekehyksiä. Kaikki visuaalinen rikkaus tulee valokuvausosastolta, ei suunnittelujärjestelmästä.
Paletti
Neutraali
- Carbon
#222222— Leipäteksti, sivuteksti, navigointilinkit, kuvakkeet, logo, alatunniste ja lähes musta värisävy koko yksiväriselle järjestelmälle. - Paper
#ffffff— Sivupohja, kortin taustakuvat, tuotelaattojen pinnat, syöttökentät ja hallitseva tausta, joka tekee valokuvasta ainoan väriaksentin. - Ash Gray
#b6b6b6— Hienovaraiset kuvakkeiden viivat, ylimääräiset reunukset, haun alleviivaus taustalla, haamutekstin paikkamerkki syöttökentissä – hiljaisin vaihtoehto, ei tekstineutraali. - Stone
#f5f5f5— Hiiren vietämisen siirtymätehoste navigointipalkeissa, toissijainen pintasävy alipaneeleissa ja mainosten taustoissa, pinon pehmein siirtymätehoste. - Graphite
#727272— Mykistetty aputeksti, passiiviset lomakkeen reunat ja käytöstä poistettujen kuvakkeiden ääriviivat – keskiharmaa, joka viestii korostuksen vähentämisestä luettavuuden kärsimättä. - Smoke
#e6e6e6— Hienovaraiset jakajat tuoterivien välillä, tuskin havaittava rakennelinja muuten saumattomassa asettelussa.
Typografia
13:sta 30 pikseliin · 3 vaihetta
- Farfetch Basis — korvaava: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · ääriviivat 400, 700 · Käyttäjälle näytettävässä kaikessa käytetään räätälöityä geometrista sans-serif-fonttia: navigointilinkit ovat 13–15 pikseliä/400, leipäteksti ja tuotekuvaukset 15 pikseliä/400, osioiden otsikot 22–30 pikseliä/400 ja FARFETCH-logo 700-koossa. Vain 400-koossa olevat otsikot ovat tarkoituksellinen siirto pois lihavoinnista: osioiden otsikoilla on säännöllinen, itsevarma, mutta ei liian lihavoitu paino, kun taas 700 on varattu logolle ja ilmeikkäimmille luokkien nimille. Tämä erityinen geometria varmistaa tasaisen viivan kontrastin ja hienovaraisen, inhimillisen lämmön, jota tavallinen Helvetica-fontti ei saavuttaisi.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 24px |
| Painikkeen säde | 0px |
| Kortin säde | 0px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 48-72px |
| Sivun leveys | 1280px |
Tekoäly rakentaa verkkosivustosi FARFETCH España -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- MAKR — Museon vitriini käsintehdyille nahkatuotteille. Hiljainen, kokonaan valkoinen huone, jossa lämpimän mustalla musteella kirjoitetut etiketit leijuvat suurten kädessä pidettävien nahkatuotteiden valokuvien tai maisemien taustaa vasten esitettyjen valokuvien alla, ainoana värikontrastina hillitty salvianjuova.
- Franco Maria Ricci Editore — Art Deco -gallerian luettelo - Kiillotetut kultaviivat raikkaalla valkoisella pergamentilla
- Laura Monin — Toimituksellinen gallerian seinä, valkoinen marmori, musteleimasin
- OhDada — Toimituksellinen galleriaseinä
- Cursor — Viihtyisä pergamenttipaja, kytevien hiilien valaisema
- Structured — Renessanssigalleria muovailuvahamaiselle paperille
- MindMarket — Viihtyisä satukirja kermanvärisellä paperilla – ystävällinen toimituksellinen pohja, jossa suuret Inter-otsikot ja leikatut paperihahmot esiintyvät rinnakkain auringon paahtamalla, tarranpehmeällä pinnalla.
- Airbnb — Hiljainen valkoinen galleriaseinä ja yksi korallinpunainen kirjanmerkki
- Apple (España) — Museon galleria on pehmeässä päivänvalossa yksittäinen, lumoava, painoton valkoinen tila, jossa jokainen näyttelyesine valaistuu kohdevalolla kevyesti sävytettyä seinää vasten.
- Lamborghini — Musta koriväri näyttelytilassa, valonheittimien alla - yksi keltainen auto
- Amplemarket — Auringon paahtama työpaikka, joka on täynnä konfetteja
- Getharvest — Kultainen työpöytä – lämmin kermanvärinen kangas, valkoiset postikortit roikkumassa kankaalla ja yksi kirkkaan oranssi liekki