FARFETCH España
"Oq kub" uslubidagi moda galereyasi. Devorlari, pollari va jihozlari oq rangga bo'yalgan va faqat kiyimlar va ularni kiygan odamlar har qanday rang, tekstura va vizual ifodani yaratadigan yuqori darajadagi chakana savdo maydonini tasavvur qiling.
Farfetch "oq kub" moda galereyasi vazifasini bajaradi: interfeys deyarli butunlay rangsiz bo'lib, tahririyat fotosuratlariga barcha vizual qarorlarni belgilash imkonini beradi. Tipografiya barcha strukturaviy ishlarni ta'minlaydi — 400 va 700 og'irliklarda maxsus ishlab chiqilgan geometrik sans-serif shrifti (Farfetch Basis) ishlatiladi, bo'lim sarlavhalari va logotip esa matnni kompozitsiya sifatida ko'rib chiqadigan serif shriftida ko'rsatiladi. Joylashuv me'moriy: markazlashtirilgan, to'liq kenglikdagi kontent, qattiq 3 va 4 ustunli mahsulot panjaralari, bo'limlarni joylashtirish uchun keng joy (48–72 piksel) va dekorativ elementlarning to'liq yo'qligi. Komponentlar bezaksiz — qidiruv uchun nozik tag chiziqlari, yashirin navigatsiya havolalari, tasvirlar ostidagi katta harflar bilan yozilgan kategoriya nomlari, soyalar yoki chegaralarsiz tekis mahsulot plitkalari. Tizimdagi yagona rang fotosuratlarning o'zi; interfeys ramka, tasvirning o'zi emas.
Sahifada markazlashtirilgan, to'liq kenglikdagi kompozitsiya mavjud bo'lib, maksimal kontent kengligi ~1280px. Sarlavha ingichka, uch zonali paneldan iborat (chapda kategoriya navigatsiyasi, o'ngda markazlashtirilgan matn belgisi va yordamchi piktogrammalar), uning ostida o'ngda qidiruv maydoni joylashgan. Birinchi bo'lim to'liq kenglikdagi kategoriya plitkalarining uch ustunli panjarasi (MUJER, HOMBRE, INFANTIL) bo'lib, ularning har biri qoplama yorlig'iga ega. Har bir kategoriya bo'limi ostida mahsulot kategoriyasi kartalarining to'rt ustunli panjarasi (NOVEDADES, ROPA, BOLSOS, ZAPATOS) bo'lib, sarlavhalari katta harflar bilan yozilgan. Bo'lim sarlavhalari markazlashtirilgan va yuqori va pastki qismida ~48px vertikal chiziqli shriftda yozilgan. Orqa fon chiziqlari o'zgarmaydi - butun sahifa bitta oq maydondan iborat. Pastki qism bitta qorong'u chiziq sifatida #222222 ga teskari qilingan. Navigatsiya minimalist yuqori satr bo'lib, unda hech qanday qat'iy elementlar, mega menyu va yon panel yo'q.
Vizual tizimda tahririyat moda fotografiyasi ustunlik qiladi — butun sahifani to'ldiradigan katta, yuqori aniqlikdagi tasvirlar, me'moriy interyerlardagi modellar va mahsulotlarning yaqin plandagi suratlari. Fotosuratning o'zi xira, to'yinmagan palitrada bajariladi: beton devorlar, tabiiy tosh, neytral interyerlar, yumshoq, yo'naltirilgan kunduzgi yorug'lik. Modellar o'rta va to'liq metrajli suratga olinadi, tahririyat pozalari bilan, elektron tijorat kataloglarining qat'iy pozalari bilan emas. Mahsulot tasvirlari (sumkalar, poyabzallar) neytral kulrang yoki tosh fonida, hech qanday turmush tarzi kontekstisiz ajratilgan — subyekt bosh qahramon. Interfeysga vizual elementlar qo'shilmaydi: piktogrammalar, reklama stikerlari, dekorativ ramkalar yo'q. Barcha vizual boylik dizayn tizimidan emas, balki fotografiya bo'limidan keladi.
Palitra
Neytral
- Carbon
#222222— Asosiy matn, sahifa matni, navigatsiya havolalari, piktogrammalar, logotip, altbilgi va butun monoxrom tizim uchun deyarli qora rang ohangi. - Paper
#ffffff— Sahifa kanvasi, kartochka fon rasmlari, mahsulot plitkalari yuzalari, kiritish maydonlari va dominant fon, bu fotosuratni yagona rang aksentiga aylantiradi. - Ash Gray
#b6b6b6— Nozik ikonkalar chiziqlari, qo'shimcha chegaralar, orqa fonda qidiruv ostiga chizilgan rasm, kiritish maydonlarida arvoh matni joy egallagichi — eng jim variant, matnga nisbatan neytral emas. - Stone
#f5f5f5— Navigatsiya panellari uchun sichqoncha kursorini yoqish/o'chirish effekti, pastki panellar va reklama fonlari uchun ikkilamchi sirt ohangi, stekdagi eng yumshoq o'tish effekti. - Graphite
#727272— Ovozsiz yordamchi matn, nofaol shakl chegaralari va o'chirilgan belgi konturlari — o'qish qulayligiga putur yetkazmasdan urg'u kamayganligini bildiruvchi o'rtacha kulrang. - Smoke
#e6e6e6— Mahsulot qatorlari orasidagi nozik ajratgichlar, aks holda uzluksiz tartibda deyarli sezilmaydigan strukturaviy chiziq.
Tipografiya
13 dan 30 pikselgacha · 3 qadam
- Farfetch Basis — almashtirish: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · konturlar 400, 700 · Foydalanuvchiga ko'rsatiladigan barcha narsalar uchun maxsus ishlab chiqilgan geometrik sans-serif shrift ishlatiladi: navigatsiya havolalari 13–15px/400, asosiy matn va mahsulot tavsiflari 15px/400, bo'lim sarlavhalari 22–30px/400 va FARFETCH logotipi 700. Faqat 400 ta sarlavha qalin shriftdan ataylab voz kechishdir: bo'lim sarlavhalari muntazam, ishonchli, ammo juda qalin emas, 700 esa logotip va eng ifodali kategoriya nomlari uchun ajratilgan. Ushbu maxsus geometriya bir tekis chiziq kontrastini va standart Helvetica shrifti erisha olmaydigan nozik, gumanistik iliqlikni ta'minlaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 24px |
| Tugma radiusi | 0px |
| Karta radiusi | 0px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 48-72px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni FARFETCH España uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- MAKR — Qo'lda ishlangan charm buyumlar uchun muzey vitrinasi. Qo'lda ushlangan charm buyumlarning katta fotosuratlari ostida yoki manzara fonida iliq qora siyoh bilan yozilgan yorliqlar suzib yuradigan sokin, to'liq oq xona, yagona rang adaçayı rangining xira chizig'iga zid keladi.
- Franco Maria Ricci Editore — Art Deco Galereyasi Katalogi - Oq pergamentdagi jilolangan oltin chiziqlar
- Laura Monin — Tahririyat galereyasi devori, oq marmar, siyoh muhri
- OhDada — Tahririyat galereyasi devori
- Cursor — Yonayotgan ko'mir bilan yoritilgan shinam pergament ustaxonasi
- Structured — Plastilinga o'xshash qog'ozda Uyg'onish davri galereyasi
- MindMarket — Krem qog'ozga yozilgan shinam ertak kitobi - quyoshda namlangan, stiker kabi yumshoq yuzada katta Inter sarlavhalari va kesilgan qog'oz qahramonlari birga joylashgan do'stona tahririyat tuvali.
- Airbnb — Bitta marjon qizil xatcho'pli sokin oq galereya devori
- Apple (España) — Muzey galereyasi yumshoq kunduzgi yorug'likda yagona, maftunkor, vaznsiz oq makon bo'lib, har bir eksponat och rangli devorga qarshi projektor bilan yoritilgan.
- Lamborghini — Ko'rgazma zalida, yorug'lik chiroqlari ostida qora kuzov rangi - bitta sariq mashina
- Amplemarket — Konfeti bilan qoplangan quyosh nuriga to'la ish joyi
- Getharvest — Oltin soatdagi stol – iliq krem rangli tuval, tuvalga osilgan oq otkritkalar va bitta yorqin to'q sariq alanga.