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— Фини линии на иконите, допълнителни рамки, подчертаване на търсенето във фонов режим, заместител на текст „ghost“ в полетата за въвеждане – най-тихият вариант, не е неутрален по отношение на текста. - 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 с размери 700. Заглавията само с размер 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 — Уютна книжка с приказки върху кремава хартия - приветливо редакционно платно, където големи заглавия на Интер и изрязани хартиени герои съжителстват върху обляна от слънце, мека като стикер повърхност.
- Airbnb — Тиха бяла галерийна стена с един кораловочервен отметчик
- Apple (España) — Галерията на музея, осветена от мека дневна светлина, е едно-единствено, завладяващо, безтегловно бяло пространство, като всеки експонат е осветен от прожектор на фона на леко тонирана стена.
- Lamborghini — Черен цвят на каросерията в шоурума, под прожекторите - една жълта кола
- Amplemarket — Огрено от слънце работно място, обсипано с конфети
- Getharvest — Бюро в златния час – топло кремаво платно, бели пощенски картички, окачени върху платното, и един-единствен яркооранжев пламък