FARFETCH España
Mados galerija „baltojo kubo“ stiliumi. Įsivaizduokite prabangią mažmeninės prekybos erdvę, kurioje sienos, grindys ir įranga yra balintos baltos spalvos, ir tik drabužiai bei juos dėvintys žmonės sukuria kiekvieną atspalvį, tekstūrą ir vizualinę išraišką.
„Farfetch“ veikia kaip „baltojo kubo“ mados galerija: sąsaja beveik visiškai bespalvė, todėl redakcinė fotografija gali diktuoti visus vizualinius sprendimus. Tipografija atlieka visą struktūrinį darbą – 400 ir 700 storio paveikslėliuose naudojamas specialiai sukurtas geometrinis šriftas be serifų („Farfetch Basis“), o skyrių antraštės ir logotipas pateikiami šriftu be serifų, kuris tekstą traktuoja kaip kompoziciją. Išdėstymas yra architektūrinis: centruotas, viso pločio turinys, standžios 3 ir 4 stulpelių produktų lentelės, daug vietos skyriams išdėstyti (48–72 pikseliai) ir visiškai nėra dekoratyvinių elementų. Komponentuose nėra puošmenų – subtilūs pabraukimai paieškai, paslėptos naršymo nuorodos, didžiosiomis raidėmis parašyti kategorijų pavadinimai po paveikslėliais, plokščios produktų plytelės be šešėlių ar rėmelių. Vienintelė sistemos spalva yra pačios nuotraukos; sąsaja yra rėmelis, o ne pats vaizdas.
Puslapyje pateikiamas centruotas, viso pločio kompozicijos vaizdas, kurio maksimalus turinio plotis yra ~1280 pikselių. Antraštė yra plonas, trijų zonų skydelis (kategorijos naršymas kairėje, centruotas teksto ženklas ir pagalbinės piktogramos dešinėje), po kuriuo dešinėje yra paieškos laukas. Pirmoji dalis yra trijų stulpelių tinklelis su viso pločio kategorijų plytelėmis (MUJER, HOMBRE, INFANTIL), kiekviena su perdengimo etikete. Po kiekviena kategorijos dalimi yra keturių stulpelių tinklelis su produktų kategorijų kortelėmis (NOVEDADES, ROPA, BOLSOS, ZAPATOS), kurių pavadinimai parašyti DIDŽIOSIOMIS RAIDĖMIS. Skilčių pavadinimai yra centruoti ir parašyti šriftu su ~48 pikselių vertikalia įtrauka viršuje ir apačioje. Nėra besikeičiančių fono juostų – visas puslapis yra vienas vientisas baltas laukas. Poraštė apversta į #222222 kaip viena tamsi juosta. Navigacija yra minimalistinė viršutinė juosta be fiksuotų elementų, mega meniu ir šoninės juostos.
Vizualinėje sistemoje dominuoja redakcinė mados fotografija – dideli, didelės raiškos vaizdai, užpildantys visą puslapį, kuriuose vaizduojami modeliai architektūriniuose interjeruose ir gaminių stambūs planai. Pati fotografija atlikta prislopintoje, nesočioje paletėje: betoninės sienos, natūralus akmuo, neutralūs interjerai, švelni, kryptinga dienos šviesa. Modeliai fotografuojami vidutinio ir viso ūgio, redakcinėmis pozomis, o ne griežtomis elektroninės prekybos katalogų pozomis. Produktų vaizdai (rankinės, batai) yra izoliuoti neutraliame pilkame arba akmens spalvos fone, be jokio gyvenimo būdo konteksto – subjektas YRA pagrindinis veikėjas. Sąsajoje nėra jokių vaizdinių elementų: jokių piktogramų, jokių reklaminių lipdukų, jokių dekoratyvinių rėmelių. Visas vizualinis turtingumas kyla iš fotografijos skyriaus, o ne iš dizaino sistemos.
Paletė
Neutralus
- Carbon
#222222— Pagrindinis tekstas, puslapio tekstas, naršymo nuorodos, piktogramos, logotipas, poraštė ir beveik juodas spalvų tonas visai monochrominei sistemai. - Paper
#ffffff— Puslapio drobė, kortelės fono paveikslėliai, produktų plytelių paviršiai, įvesties laukai ir dominuojantis fonas, dėl kurio nuotrauka yra vienintelis spalvinis akcentas. - Ash Gray
#b6b6b6— Subtilūs piktogramų brūkšniai, papildomos rėmeliai, paieškos pabraukimas fone, šešėlinio teksto vietos rezervavimo ženklas įvesties laukuose – tyliausias variantas, ne neutralus teksto atžvilgiu. - Stone
#f5f5f5— Užvedimo ant pelės žymeklio perėjimo efektas naršymo juostoms, antrinis paviršiaus tonas subpaneliams ir skelbimų fonams, švelniausias perėjimo efektas iš visų. - Graphite
#727272— Nutildytas pagalbinis tekstas, neaktyvios formos rėmeliai ir išjungtų piktogramų kontūrai – vidutiniškai pilka spalva rodo, kad dėmesys sumažintas neprarandant skaitomumo. - Smoke
#e6e6e6— Subtilūs skirtukai tarp gaminių eilių, vos pastebima struktūrinė linija kitaip vientisame išdėstyme.
Tipografija
nuo 13 iki 30 pikselių · 3 žingsniai
- Farfetch Basis — pakeitimas: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · kontūrai 400, 700 · Viskam, kas rodoma vartotojui, naudojamas specialiai sukurtas geometrinis šriftas be serifų: naršymo nuorodos – 13–15 pikselių / 400, pagrindinis tekstas ir produktų aprašymai – 15 pikselių / 400, skyrių antraštės – 22–30 pikselių / 400, o FARFETCH logotipas – 700. Antraštės, kuriose yra tik 400, yra sąmoningas žingsnis atgal nuo paryškinimo: skyrių antraštės yra įprasto, užtikrinto, bet ne per daug paryškinto storio, o 700 skirtas logotipui ir išraiškingiausiems kategorijų pavadinimams. Ši speciali geometrija užtikrina tolygų kontūro kontrastą ir subtilų, humanistinį šilumą, kurios nepasiektų standartinis „Helvetica“ šriftas.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 24px |
| Mygtuko spindulys | 0px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 48-72px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę FARFETCH España stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- MAKR — Muziejaus ekspozicija, skirta rankų darbo odiniams gaminiams. Tyli, visiškai balta patalpa, kurioje po didelėmis odinių gaminių, laikomų rankose arba peizažų fone, plūduriuoja šilto juodo rašalo etiketės, o vienintelė spalva kontrastuoja su prislopinta šalavijo juostele.
- Franco Maria Ricci Editore — Art Deco galerijos katalogas – poliruotos aukso linijos ant traškaus balto pergamento
- Laura Monin — Redakcijos galerijos siena, baltas marmuras, rašalo antspaudas
- OhDada — Redakcijos galerijos siena
- Cursor — Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Lamborghini — Juoda kėbulo spalva salone, prožektorių šviesoje – vienas geltonas automobilis
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti
- Getharvest — Stalas auksinę valandą – šilta kreminė drobė, ant drobės kabančios baltos atvirukės ir viena ryškiai oranžinė liepsna