FARFETCH España
Модная галерэя ў стылі "белага куба". Уявіце сабе элітную гандлёвую прастору, дзе сцены, падлогі і абсталяванне выбелены дабяла, і толькі адзенне і людзі, якія яе носяць, ствараюць кожнае адценне, тэкстуру і візуальную выразнасць.
Farfetch функцыянуе як галерэя моды ў стылі "белы куб": інтэрфейс практычна цалкам пазбаўлены колеру, дазваляючы рэдакцыйнай фатаграфіі вызначаць усе візуальныя рашэнні. Усю структурную працу выконвае друкарка - выкарыстоўваецца спецыяльна распрацаваны геаметрычны шрыфт без засечак (Farfetch Basis) з напісаннем 400 і 700, а загалоўкі раздзелаў і лагатып выкананы шрыфтам з засечкамі, які разглядае тэкст як кампазіцыю. Макет архітэктурны: цэнтраваны кантэнт ва ўсю шырыню, цвёрдыя 3- і 4-калонкавыя сеткі тавараў, дастатковая прастора для размяшчэння частак (48-72px) і поўная адсутнасць дэкаратыўных элементаў. Кампаненты пазбаўлены ўпрыгожванняў - тонкія падкрэсленні для пошуку, схаваныя навігацыйныя спасылкі, загалоўныя літары ў назвах катэгорый пад выявамі, плоскія пліткі тавараў без ценяў і межаў. Адзіны колер у сістэме - гэта самі фатаграфіі; інтэрфейс - гэта рамка, а не сама выява.
Старонка ўяўляе сабой цэнтраваную кампазіцыю ва ўсю шырыню з максімальнай шырынёй кантэнту ~1280px. Загаловак уяўляе сабой тонкую трехзонную панэль (навігацыя па катэгорыях злева, цэнтраваны тэкставы знак, дапаможныя значкі справа), пад якой справа размешчана поле пошуку. Першы раздзел - гэта трехколоночная сетка з поўнаэкранных плітак катэгорый (MUJER, HOMBRE, INFANTIL), кожная з накладзенай пазнакай. Пад кожным раздзелам катэгорыі размешчана чатырохкалонкавая сетка з картак катэгорый тавараў (NOVEDADES, ROPA, BOLSOS, ZAPATOS) з загалоўкамі, напісанымі вялікімі літарамі. Загалоўкі раздзелаў цэнтраваны і напісаны шрыфтам з вертыкальным водступам ~48px зверху і знізу. Адсутнічаюць якія чаргуюцца фонавыя палосы — уся старонка ўяўляе сабою адно суцэльнае белае поле. Ніжні калантытулу інвертуецца да #222222 у выглядзе адзінай цёмнай паласы. Навігацыя ўяўляе сабой мінімалістычную верхнюю панэль без фіксаваных элементаў, без мега-меню і без бакавой панэлі.
У візуальнай сістэме дамінуе рэдакцыйная фэшн-фатаграфія - буйнафарматныя выявы высокага дазволу, якія займаюць усю старонку, з мадэлямі ў архітэктурных інтэр'ерах і буйнымі кадрамі тавараў. Сама фатаграфія выканана ў прыглушанай, абясколеранай палітры: бетонныя сцены, натуральны камень, нейтральныя інтэр'еры, мяккае накіраванае дзённае святло. Мадэлі здымаюцца ў сярэднім і поўным росце з рэдакцыйнымі паставамі, а не ў строгай позе для каталогаў электроннай камерцыі. Выявы тавараў (торба, абутку) ізаляваны на нейтральным шэрым або каменным фоне без якога-небудзь кантэксту, звязанага з ладам жыцця - аб'ект З'ЯЎЛЯЕЦЦА галоўным героем. Інтэрфейс не дадае ніякіх візуальных элементаў: ні значкоў, ні рэкламных налепак, ні дэкаратыўных рамак. Усё візуальнае багацце зыходзіць ад аддзела фатаграфіі, а не ад сістэмы дызайну.
Палітра
Нейтральныя
- Carbon
#222222— Асноўны тэкст, тэкст старонкі, навігацыйныя спасылкі, значкі, лагатып, ніжні калантытул і амаль чорны каляровы тон для ўсёй манахромнай сістэмы. - Paper
#ffffff— Палатно старонкі, фонавыя выявы картак, паверхні плітак тавараў, палі ўводу і дамінуючы фон, дзякуючы якому фатаграфія з'яўляецца адзіным каляровым акцэнтам. - Ash Gray
#b6b6b6— Далікатныя рыскі абразкоў, дадатковыя межы, падкрэсліванне пошуку ў фонавым рэжыме, зманлівы тэкст-запаўняльнік у палях уводу - самы ціхі варыянт, не нейтральны да тэксту. - Stone
#f5f5f5— Эфект плыўнага пераходу пры навядзенні курсора на навігацыйныя палосы, другасны тон паверхні для дапаможных панэляў і фону аб'яў, самы мяккі эфект плыўнага пераходу ў стэку. - Graphite
#727272— Прыглушаны дапаможны тэкст, неактыўныя межы формаў, адключаныя абводкі значкоў - сярэдне-шэры колер, які сігналізуе аб зніжэнні акцэнту без страты чытальнасці. - Smoke
#e6e6e6— Тонкія падзельнікі паміж шэрагамі прадукцыі, ледзь прыкметная структурная лінія ў астатнім бясшвоўнай кампаноўцы.
Друкарня
ад 13 да 30px · 3 прыступак
- Farfetch Basis — замена: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · напісання 400, 700 · Для ўсяго, што адлюстроўваецца карыстачу, выкарыстоўваецца адмыслова распрацаваны геаметрычны шрыфт без засечак: спасылкі навігацыі - 13-15px/400, асноўны тэкст і апісанні тавараў - 15px/400, загалоўкі раздзелаў - 22-30px/400, а лагатып FARFETCH - 7 400, - гэта наўмысная адмова ад тоўстага шрыфта: загалоўкі частак маюць звычайную, упэўненую, але не якая крычыць вага, а 700 зарэзерваваны для лагатыпа і найболей выразных назваў катэгорый. Адмысловая геаметрыя забяспечвае раўнамерны кантраст рысак і тонкую гуманістычную цеплыню, чаго не змог бы дамагчыся стандартны шрыфт Helvetica.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | шчыльная |
| Базавы крок | 24px |
| Радыус кнопак | 0px |
| Радыус картак | 0px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 48-72px |
| Шырыня старонкі | 1280px |
ІІ збярэ ваш сайт у стылі FARFETCH España і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- MAKR — Музейная вітрына для вырабаў са скуры ручной працы. Ціхая, беласнежная зала, дзе пад вялікімі фатаграфіямі скураных прадметаў у руках або на фоне пейзажаў параць этыкеткі, выкананыя цёплым чорным чарнілам, а адзіным каляровым кантрастам з'яўляецца прыглушаная паласа шалвеі
- Franco Maria Ricci Editore — Каталог галерэі ў стылі ар-дэка - паліраваныя залатыя лініі на беласнежным пергаменце
- Laura Monin — Сцяна рэдакцыйнай галерэі, белы мармур, чарнільны штамп.
- OhDada — Сцяна рэдакцыйнай галерэі
- Cursor — Утульная майстэрня з пергамента, асветленая якія тлеюць вуглямі
- Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
- MindMarket — Утульная кніжка-казка на крэмавай паперы - прыязнае рэдакцыйнае палатно, дзе буйныя загалоўкі Inter і выразаныя з паперы персанажы суседнічаюць на залітай сонцам, мяккай, як налепкі, паверхні
- Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
- Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
- Lamborghini — Чорны колер кузава ў выставачнай зале, пад святлом пражэктараў - адзін жоўты аўтамабіль
- Amplemarket — Залітае сонцам працоўнае месца, абсыпанае канфеці
- Getharvest — Працоўны стол у «залатую гадзіну» - палатно цёплага крэмавага колеру, белыя паштоўкі, панавешаныя на палатне, і адно яркае аранжавае полымя.