FARFETCH España
Ib lub tsev khaws khaub ncaws zam uas muaj tus qauv "dawb lub voos xwmfab". Xav txog ib qho chaw muag khoom kim heev uas cov phab ntsa, pem teb, thiab cov khoom siv tau dawb, thiab tsuas yog cov khaub ncaws thiab cov neeg uas hnav lawv tsim txhua yam xim, qauv, thiab kev pom.
Farfetch ua haujlwm ua lub tsev khaws puav pheej zam "dawb lub voos xwmfab": lub interface yuav luag tsis muaj xim kiag li, tso cai rau cov duab thaij duab los hais txog txhua qhov kev txiav txim siab pom. Typography muab txhua yam haujlwm tsim kho - ib daim ntawv geometric sans-serif tsim tshwj xeeb (Farfetch Basis) siv rau hauv qhov hnyav 400 thiab 700, thaum cov npe ntawm ntu thiab lub logo tau ua tiav hauv daim ntawv serif uas kho cov ntawv nyeem ua cov khoom sib xyaw. Qhov layout yog architectural: centered, tag nrho-dav cov ntsiab lus, rigid 3- thiab 4-column khoom grids, qhov chaw dav rau qhov chaw seem (48–72px), thiab tsis muaj cov khoom dai kom zoo nkauj. Cov khoom raug stripped ntawm embellishment - subtlelines rau kev tshawb nrhiav, cov kev sib txuas navigation zais, cov npe pawg loj hauv qab cov duab, cov vuas khoom tiaj tus tsis muaj duab ntxoov ntxoo lossis ciam teb. Tsuas yog xim hauv lub system yog cov duab lawv tus kheej; lub interface yog ib lub thav duab, tsis yog daim duab nws tus kheej.
Cov nplooj ntawv muaj ib qho kev sib sau ua ke uas nyob hauv nruab nrab, dav tag nrho nrog qhov dav tshaj plaws ntawm cov ntsiab lus ntawm ~ 1280px. Lub taub hau yog ib lub vaj huam sib luag nyias nyias, peb-cheeb tsam (kev taw qhia pawg ntawm sab laug, lub cim ntawv nyob hauv nruab nrab, thiab cov cim pab ntawm sab xis), hauv qab uas yog ib daim teb tshawb nrhiav ntawm sab xis. Ntu thawj zaug yog daim phiaj peb-kab ntawm cov vuas pawg dav tag nrho (MUJER, HOMBRE, INFANTIL), txhua tus muaj daim ntawv lo rau saum. Hauv qab txhua ntu pawg yog daim phiaj plaub-kab ntawm daim npav pawg khoom (NOVEDADES, ROPA, BOLSOS, ZAPATOS) nrog cov npe hauv txhua lub ntawv loj. Cov npe ntawm ntu yog nyob hauv nruab nrab thiab sau ua ntawv nrog qhov ntsug ntawm ~ 48px ntawm sab saum toj thiab hauv qab. Tsis muaj kab txaij tom qab sib hloov - tag nrho nplooj ntawv yog ib daim teb dawb khov kho. Lub footer yog tig mus rau # 222222 ua ib kab txaij tsaus nti. Kev taw qhia yog ib daim ntawv me me sab saum toj uas tsis muaj cov ntsiab lus ruaj khov, tsis muaj cov ntawv qhia zaub mov loj, thiab tsis muaj sidebar.
Lub kaw lus pom kev feem ntau yog cov duab thaij duab zam kev tshaj tawm - cov duab loj, muaj kev daws teeb meem siab uas puv tag nrho nplooj ntawv, muaj cov qauv hauv cov qauv vaj tse sab hauv thiab cov khoom ze ze. Cov duab nws tus kheej yog ua tiav hauv cov xim tsis sib xws, tsis muaj xim: phab ntsa pob zeb, pob zeb ntuj, sab hauv nruab nrab, lub teeb mos, thiab lub teeb ci ntsa iab. Cov qauv raug tua nruab nrab thiab tag nrho, nrog rau kev ua yeeb yam, tsis yog cov duab nruj ntawm cov ntawv teev khoom lag luam hauv online. Cov duab khoom (hnab, khau) raug cais tawm ntawm keeb kwm yav dhau los xim grey lossis pob zeb, tsis muaj cov ntsiab lus ntawm kev ua neej - tus neeg yog tus thawj coj. Lub interface tsis ntxiv cov ntsiab lus pom: tsis muaj cim, tsis muaj cov ntawv nplaum tshaj tawm, tsis muaj cov thav duab kho kom zoo nkauj. Tag nrho cov kev nplua nuj pom kev los ntawm lub chaw thaij duab, tsis yog lub kaw lus tsim.
Xim av
Nruab nrab
- Carbon
#222222— Cov ntawv hauv lub cev, cov ntawv hauv nplooj ntawv, cov kev sib txuas navigation, cov cim, lub logo, footer, thiab xim yuav luag dub rau tag nrho cov monochrome system. - Paper
#ffffff— Cov nplooj ntawv canvas, cov duab keeb kwm yav dhau los ntawm daim npav, cov nplais ntawm cov khoom, cov teb nkag, thiab keeb kwm yav dhau los, uas ua rau daim duab tsuas yog xim xwb. - Ash Gray
#b6b6b6— Cov cim kos me me, cov ciam teb ntxiv, kev tshawb nrhiav hauv qab keeb kwm yav dhau, cov ntawv sau dab hauv cov teb nkag - qhov kev xaiv ntsiag to tshaj plaws, tsis yog cov ntawv nruab nrab. - Stone
#f5f5f5— Cov nyhuv hloov pauv ntawm Hover rau cov kab navigation, lub suab nrov thib ob rau cov kab subbars thiab cov keeb kwm yav dhau los ntawm kev tshaj tawm, qhov cuam tshuam hloov pauv mos tshaj plaws hauv pawg. - Graphite
#727272— Cov ntawv pab uas tsis muaj suab, cov ciam teb ntawm daim ntawv tsis ua haujlwm, thiab cov duab cim uas tsis ua haujlwm—xim grey nruab nrab uas qhia tias txo qhov kev hais lus tseem ceeb yam tsis muaj kev cuam tshuam rau kev nyeem ntawv. - Smoke
#e6e6e6— Cov khoom faib me me ntawm cov kab khoom, ib txoj kab qauv uas tsis pom tseeb hauv qhov kev teeb tsa zoo nkauj.
Kev sau ntawv
txij li 13 mus txog 30px · 3 kauj ruam
- Farfetch Basis — hloov: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · cov qauv qhia 400, 700 · Ib daim ntawv geometric sans-serif uas tsim tshwj xeeb siv rau txhua yam uas pom rau tus neeg siv: cov kev sib txuas navigation ntawm 13–15px/400, cov ntawv sau thiab cov lus piav qhia txog khoom ntawm 15px/400, cov npe ntawm ntu ntawm 22–30px/400, thiab lub logo FARFETCH ntawm 700. Cov npe ntawm 400-tsuas yog kev txav deb ntawm cov ntawv tuab: cov npe ntawm ntu muaj qhov hnyav ib txwm, ntseeg siab, tab sis tsis tuab dhau, thaum 700 yog tseg rau lub logo thiab cov npe qeb uas qhia tawm tshaj plaws. Daim duab geometry tshwj xeeb no ua kom muaj kev sib piv txawm tias thiab qhov sov so, tib neeg uas tus qauv Helvetica yuav tsis ua tiav.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 24px |
| Lub vojvoog ntawm lub pob | 0px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 48-72px |
| Qhov dav ntawm nplooj ntawv | 1280px |
AI yuav tsim koj lub vev xaib hauv hom ntawv FARFETCH España thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- MAKR — Ib lub tsev khaws puav pheej uas muaj cov khoom ua los ntawm tawv ua tes. Ib chav tsev dawb huv si uas muaj cov ntawv sau dub sov so nyob hauv qab cov duab loj ntawm cov khoom ua los ntawm tawv uas tuav hauv tes lossis tawm tsam thaj chaw, tsuas muaj xim sib txawv ntawm cov kab sage uas tsis muaj xim.
- Franco Maria Ricci Editore — Art Deco Gallery Catalog - Cov kab kub ci ntsa iab rau ntawm daim ntawv parchment dawb
- Laura Monin — Phab ntsa ntawm chav sau ntawv kho kom zoo nkauj, marble dawb, daim ntawv lo rau ntawm tus cwj mem
- OhDada — Phab ntsa ntawm chav ua yeeb yam
- Cursor — Ib lub chaw ua parchment cozy, ci ntsa iab los ntawm cov thee hlawv
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- MindMarket — Ib phau ntawv dab neeg zoo nkauj uas muaj ntawv dawb - ib daim ntaub zoo nkauj uas muaj cov ntawv xov xwm loj thiab cov cim ntawv txiav ua ke nyob ua ke ntawm qhov chaw uas muaj hnub ci ntsa iab thiab mos mos.
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Lamborghini — Xim dub lub cev hauv chav tso khoom, hauv qab lub teeb pom kev zoo - ib lub tsheb daj
- Amplemarket — Ib qho chaw ua haujlwm uas muaj hnub ci ntsa iab puv nrog cov ntawv confetti
- Getharvest — Ib lub rooj ua haujlwm thaum lub sijhawm kub - ib daim ntaub canvas sov so, daim ntawv xa ntawv dawb dai rau ntawm daim ntaub, thiab ib lub nplaim taws txiv kab ntxwv ci ntsa iab