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, а логотип FA0ET - 70. 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 — Робочий стіл у «золоту годину» — полотно теплого кремового кольору, білі листівки, розвішані на полотні, та одне яскраве помаранчеве полум'я