Telegram, WhatsApp және т.б.+380637610482
Валерий Данюк
Валерий ДанюкәзірлеушіБизнес үшін жасанды интеллект құралдарын әзірлеу. Жоғары сапалы. Қолжетімді.Telegram-ға жазу
FARFETCH España — осы стильдегі сайттың алдын ала көрінісі

FARFETCH España

«Ақ куб» стиліндегі сән галереясы. Қабырғалары, едендері және жиһаздары ақ түске боялған, тек киімдер мен оларды киетін адамдар ғана әрбір реңкті, құрылымды және визуалды көріністі жасайтын жоғары деңгейлі сауда орнын елестетіп көріңіз.

Farfetch «ақ текше» сән галереясы ретінде жұмыс істейді: интерфейс түстерден толығымен айырылған, бұл редакциялық фотографияға барлық визуалды шешімдерді анықтауға мүмкіндік береді. Типография барлық құрылымдық жұмыстарды қамтамасыз етеді — 400 және 700 салмақта арнайы жасалған геометриялық sans-serif қаріпі (Farfetch Basis) қолданылады, ал бөлім тақырыптары мен логотип мәтінді композиция ретінде қарастыратын serif қаріпінде бейнеленеді. Орналасуы сәулеттік: орталықтандырылған, толық енді мазмұн, қатаң 3 және 4 бағандық өнім торлары, бөлімдерді орналастыруға кең орын (48–72 пиксель) және сәндік элементтердің мүлдем болмауы. Компоненттер әшекейлерден тазартылған — іздеуге арналған нәзік астын сызу, жасырын навигациялық сілтемелер, суреттердің астындағы бас әріптермен жазылған санат атаулары, көлеңкесіз немесе жиексіз жалпақ өнім плиткалары. Жүйедегі жалғыз түс - фотосуреттердің өздері; интерфейс - кадр, суреттің өзі емес.

Бетте орталықтандырылған, толық енді композиция бар, оның максималды мазмұн ені ~1280px. Тақырып - жұқа, үш аймақтық панель (сол жақта санат навигациясы, орталықтандырылған мәтін белгісі және оң жақта көмекші белгішелер), оның астында оң жақта іздеу өрісі орналасқан. Бірінші бөлім - толық енді санат плиткаларының үш бағандық торы (MUJER, HOMBRE, INFANTIL), әрқайсысының қабаттасу белгісі бар. Әрбір санат бөлімінің астында өнім санаты карталарының төрт бағандық торы (NOVEDADES, ROPA, BOLSOS, ZAPATOS), барлық тақырыптары бас әріптермен жазылған. Бөлім тақырыптары орталықтандырылған және жоғарғы және төменгі жағында ~48px тік шегінісі бар қаріппен жазылған. Алмастырылатын фон жолақтары жоқ - бүкіл бет бір тұтас ақ өріс. Төменгі колонтитул бір қара жолақ ретінде #222222-ге төңкерілген. Навигация - бекітілген элементтері жоқ, мега мәзірі жоқ және бүйірлік тақтасы жоқ минималистік жоғарғы жолақ.

Көрнекі жүйеде редакциялық сән фотосуреттері басым — бүкіл бетті толтыратын үлкен, жоғары ажыратымдылықтағы суреттер, сәулет интерьерлеріндегі модельдер және өнімдердің жақын пландағы суреттері. Фотосуреттің өзі күңгірт, қанықпаған палитрада орындалады: бетон қабырғалар, табиғи тас, бейтарап интерьерлер, жұмсақ, бағытталған күндізгі жарық. Модельдер электронды коммерция каталогтарындағы қатаң позалармен емес, редакциялық позалармен орта және толық метражды түрде түсіріледі. Өнім суреттері (сөмкелер, аяқ киім) бейтарап сұр немесе тас фонда оқшауланған, өмір салты контекстісіз — субъект басты кейіпкер. Интерфейс ешқандай визуалды элементтерді қоспайды: белгішелер, жарнамалық стикерлер, сәндік жақтаулар жоқ. Барлық визуалды байлық дизайн жүйесінен емес, фотография бөлімінен келеді.

Палитра

Бейтарап

  • Carbon #222222 — Негізгі мәтін, бет мәтіні, навигация сілтемелері, белгішелер, логотип, төменгі колонтитул және бүкіл монохромды жүйеге арналған қара түсті реңк.
  • Paper #ffffff — Бет кенебі, карта фонының суреттері, өнім плиткаларының беттері, енгізу өрістері және басым фон, бұл фотосуретті жалғыз түс екпініне айналдырады.
  • Ash Gray #b6b6b6 — Белгішенің нәзік сызықтары, қосымша жиектер, фонда іздеу астын сызу, енгізу өрістерінде елес мәтін толтырғышы — ең тыныш нұсқа, мәтінге бейтарап емес.
  • Stone #f5f5f5 — Навигация жолақтары үшін тінтуірдің меңзерін апаратын өтпелі әсер, ішкі панельдер мен жарнама фондары үшін екінші реттік бет реңкі, стектегі ең жұмсақ өтпелі әсер.
  • Graphite #727272 — Көмекші мәтіннің дыбысы өшірілген, белсенді емес форма шекаралары және белгішенің контурлары өшірілген — оқылуды төмендетпей, екпіннің азайғанын білдіретін орташа сұр түс.
  • Smoke #e6e6e6 — Өнімдер қатарлары арасындағы жіңішке бөлгіштер, біркелкі орналасудағы әрең байқалатын құрылымдық сызық.

Типография

13-тен 30 пиксельге дейін · 3 қадам

  • Farfetch Basis — ауыстыру: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · контурлар 400, 700 · Пайдаланушыға көрсетілетін барлық нәрсе үшін арнайы жасалған геометриялық sans-serif қаріпі қолданылады: навигациялық сілтемелер 13–15px/400, негізгі мәтін және өнім сипаттамалары 15px/400, бөлім тақырыптары 22–30px/400 және FARFETCH логотипі 700. Тек 400 тақырыптан тұратын тақырыптар қалың шрифттен әдейі бас тарту болып табылады: бөлім тақырыптары тұрақты, сенімді, бірақ тым қалың емес, ал 700 логотип пен ең мәнерлі санат атаулары үшін сақталған. Бұл арнайы геометрия біркелкі сызық контрастын және стандартты Helvetica қаріпі қол жеткізе алмайтын нәзік, гуманистік жылулықты қамтамасыз етеді.

Аралықтары және формасы

МақсатыМағынасы
Тығыздықтығыз
Негізгі қадам24px
Түйме радиусы0px
Карта радиусы0px
Көлеңкелеркөлеңкелердің орнына шекаралар жоқ
Бөлімдер арасында48-72px
Беттің ені1280px

Жасанды интеллект сіздің веб-сайтыңызды FARFETCH España стилінде жасайды және оны толтырады

  • Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
  • Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
  • Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
  • Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.

Ұқсас стильдер

  • MAKR — Қолдан жасалған былғары бұйымдарына арналған мұражай көрмесі. Қолда ұсталған былғары бұйымдарының үлкен фотосуреттерінің астында немесе пейзаждарға қарсы жылы қара сиямен жазылған жапсырмалар қалқып жүретін тыныш, толығымен ақ бөлме, жалғыз түс шалфейдің жұмсақ жолағымен контраст жасайды.
  • Franco Maria Ricci Editore — Art Deco галереясының каталогы - ақ пергаменттегі жылтыратылған алтын сызықтар
  • Laura Monin — Редакциялық галерея қабырғасы, ақ мәрмәр, сиямен қапталған мөр
  • OhDada — Редакциялық галерея қабырғасы
  • Cursor — Тұтанған көмірмен жарықтандырылған жайлы пергамент шеберханасы
  • Structured — Пластилин тәрізді қағаздағы Ренессанс галереясы
  • MindMarket — Крем қағазға басылған жайлы ертегі кітабы – күнге қыздырылған, стикер тәрізді жұмсақ бетінде үлкен Inter тақырыптары мен кесілген қағаз кейіпкерлері қатар орналасқан ыңғайлы редакциялық кенеп.
  • Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы
  • Apple (España) — Мұражай галереясы күндізгі жарықта біртұтас, баурап алатын, салмақсыз ақ кеңістік болып табылады, әрбір экспонат ашық түсті қабырғаға қарсы прожектормен жарықтандырылған.
  • Lamborghini — Көрме залында, прожекторлардың астында қара кузов түсті - бір сары көлік
  • Amplemarket — Күн шуағына малынған жұмыс орны конфеттиге толы
  • Getharvest — Алтын сағаттағы үстел – жылы крем түсті кенеп, кенепке ілінген ақ ашықхаттар және жалғыз ашық қызғылт сары жалын