FARFETCH España
Isang fashion gallery na may istilong "white cube". Isipin ang isang mamahaling retail space kung saan ang mga dingding, sahig, at mga kagamitan ay pinaputi ng puti, at tanging ang mga damit at mga taong nagsusuot ng mga ito ang lumilikha ng bawat kulay, tekstura, at biswal na ekspresyon.
Ang Farfetch ay gumaganap bilang isang "puting kubo" na galeriya ng moda: ang interface ay halos walang kulay, na nagpapahintulot sa editoryal na potograpiya na magdikta sa lahat ng biswal na desisyon. Ang tipograpiya ay nagbibigay ng lahat ng gawaing istruktural—isang pasadyang dinisenyong geometric sans-serif na font (Farfetch Basis) ang ginagamit sa mga bigat na 400 at 700, habang ang mga heading ng seksyon at ang logo ay nire-render sa isang serif na font na tinatrato ang teksto bilang komposisyon. Ang layout ay arkitektura: nakasentro, buong lapad na nilalaman, matibay na 3- at 4-na-kolum na grid ng produkto, sapat na espasyo para sa paglalagay ng seksyon (48–72px), at kumpletong kawalan ng mga pandekorasyon na elemento. Ang mga bahagi ay walang palamuti—mga banayad na salungguhit para sa paghahanap, mga nakatagong link sa nabigasyon, mga malalaking pangalan ng kategorya sa ilalim ng mga imahe, mga patag na tile ng produkto na walang mga anino o hangganan. Ang tanging kulay sa sistema ay ang mga litrato mismo; ang interface ay isang frame, hindi ang imahe mismo.
Ang pahina ay nagtatampok ng isang nakasentro, buong lapad na komposisyon na may pinakamataas na lapad ng nilalaman na ~1280px. Ang header ay isang manipis, tatlong-sona na panel (pag-navigate sa kategorya sa kaliwa, nakasentro na simbolo ng teksto, at mga auxiliary icon sa kanan), sa ilalim nito ay isang search field sa kanan. Ang unang seksyon ay isang tatlong-haligi na grid ng mga full-width na tile ng kategorya (MUJER, HOMBRE, INFANTIL), bawat isa ay may overlay label. Sa ibaba ng bawat seksyon ng kategorya ay isang apat-na-haligi na grid ng mga card ng kategorya ng produkto (NOVEDADES, ROPA, BOLSOS, ZAPATOS) na may mga pamagat na naka-malalaking titik. Ang mga pamagat ng seksyon ay nakasentro at nakasulat sa isang font na may patayong indent na ~48px sa itaas at ibaba. Walang salit-salit na mga guhit sa background—ang buong pahina ay isang solidong puting field. Ang footer ay nakabaligtad sa #222222 bilang isang madilim na guhit. Ang nabigasyon ay isang minimalistang top bar na walang mga nakapirming elemento, walang mega menu, at walang sidebar.
Ang sistemang biswal ay pinangungunahan ng editoryal na potograpiya ng moda—malalaki at mataas na resolusyon na mga imahe na pumupuno sa buong pahina, nagtatampok ng mga modelo sa mga arkitektural na interior at mga close-up ng mga produkto. Ang potograpiya mismo ay isinasagawa sa isang muted at desaturated na palette: mga konkretong pader, natural na bato, neutral na mga interior, malambot at direktang liwanag ng araw. Ang mga modelo ay kinunan sa kalagitnaan at buong haba, na may mga editoryal na pose, hindi ang mahigpit na mga pose ng mga katalogo ng e-commerce. Ang mga imahe ng produkto (mga bag, sapatos) ay nakahiwalay laban sa isang neutral na kulay abo o bato na background, nang walang anumang konteksto ng pamumuhay—ang paksa ANG bida. Ang interface ay walang idinagdag na mga visual na elemento: walang mga icon, walang mga promotional sticker, walang mga pandekorasyon na frame. Ang lahat ng visual na kayamanan ay nagmumula sa departamento ng potograpiya, hindi sa sistema ng disenyo.
Paleta
Neutral
- Carbon
#222222— Body text, teksto ng pahina, mga link sa nabigasyon, mga icon, logo, footer, at halos itim na tono ng kulay para sa buong monochrome system. - Paper
#ffffff— Ang page canvas, mga larawan sa background ng card, mga ibabaw ng tile ng produkto, mga input field, at ang dominanteng background, na siyang tanging nagbibigay-diin sa litrato. - Ash Gray
#b6b6b6— Mga banayad na hagod ng icon, mga karagdagang border, salungguhit sa paghahanap sa background, placeholder ng ghost text sa mga input field—ang pinakatahimik na opsyon, hindi text-neutral. - Stone
#f5f5f5— Epektong transition na nag-hover para sa mga navigation bar, secondary surface tone para sa mga sub-panel at mga background ng ad, ang pinakamalambot na transition effect sa stack. - Graphite
#727272— Naka-mute na helper text, mga hindi aktibong border ng form, at mga naka-disable na balangkas ng icon—isang katamtamang kulay abo na nagpapahiwatig ng pagbawas ng diin nang hindi isinasakripisyo ang pagiging madaling mabasa. - Smoke
#e6e6e6— Mga banayad na panghati sa pagitan ng mga hanay ng mga produkto, isang halos hindi mapapansing linya ng istruktura sa isang maayos na pagkakaayos.
Tipograpiya
mula 13 hanggang 30px · 3 hakbang
- Farfetch Basis — kapalit: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · mga balangkas 400, 700 · Isang pasadyang dinisenyong geometric sans-serif font ang ginagamit para sa lahat ng ipinapakita sa gumagamit: mga navigation link sa 13–15px/400, body text at mga deskripsyon ng produkto sa 15px/400, mga section heading sa 22–30px/400, at ang FARFETCH logo sa 700. Ang mga 400-only heading ay isang sadyang paglipat mula sa bold: ang mga section heading ay may regular, kumpiyansa, ngunit hindi masyadong bold na bigat, habang ang 700 ay nakalaan para sa logo at sa mga pinaka-nagpapahayag na pangalan ng kategorya. Tinitiyak ng espesyal na geometry na ito ang pantay na contrast ng stroke at isang banayad at humanistic na init na hindi makakamit ng karaniwang Helvetica font.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 24px |
| Radius ng buton | 0px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 48-72px |
| Lapad ng pahina | 1280px |
Gagawa ang AI ng website mo sa estilong FARFETCH España at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- MAKR — Isang eksibit sa museo para sa mga gawang-kamay na panindang katad. Isang tahimik, puro puting silid kung saan ang mga etiketa na may mainit na itim na tinta ay lumulutang sa ilalim ng malalaking litrato ng mga panindang katad na hawak o laban sa mga tanawin, ang tanging kulay na nagpapakita ng kaibahan ng isang mahinang guhit ng sage.
- Franco Maria Ricci Editore — Katalogo ng Art Deco Gallery - Pinakintab na mga linyang ginto sa malinis at puting pergamino
- Laura Monin — Pader ng gallery ng editoryal, puting marmol, selyo ng tinta
- OhDada — Pader ng gallery ng editoryal
- Cursor — Isang maginhawang pagawaan ng pergamino, na naliliwanagan ng mga nagbabagang uling
- Structured — Galeriya ng Renaissance sa papel na parang plasticine
- MindMarket — Isang maaliwalas na aklat ng mga kuwentong engkanto na nasa kremang papel - isang palakaibigang editoryal na canvas kung saan ang malalaking headline ng Inter at mga ginupit na karakter sa papel ay magkakasamang namamalagi sa isang ibabaw na nasisinagan ng araw at malambot na parang sticker.
- Airbnb — Isang tahimik na puting gallery wall na may isang coral red bookmark
- Apple (España) — Ang galeriya ng museo, sa banayad na liwanag ng araw, ay isang nag-iisa, nakakabighani, at magaan na puting espasyo, kung saan ang bawat eksibit ay naliliwanagan ng isang spotlight na nakasandal sa isang dingding na may bahagyang kulay.
- Lamborghini — Itim na kulay ng katawan sa showroom, sa ilalim ng mga spotlight - isang dilaw na kotse
- Amplemarket — Isang lugar ng trabaho na nasisinagan ng araw at puno ng confetti
- Getharvest — Isang mesa sa ginintuang oras – isang mainit na kremang canvas, mga puting postcard na nakasabit sa canvas, at isang nag-iisang matingkad na kulay kahel na apoy