Телеграм, WhatsApp+380637610482
Валери Данјук
Валери ДанјукразвивачРазвивање алатки за вештачка интелигенција за бизниси. Висок квалитет. Прифатлива цена.Пишете во Telegram
FARFETCH España — преглед на страница во овој стил

FARFETCH España

Модна галерија во стилот на „бела коцка“. Замислете луксузен малопродажен простор каде што ѕидовите, подовите и инсталациите се избелени во бело, а само облеката и луѓето што ја носат создаваат секоја нијанса, текстура и визуелен израз.

Farfetch функционира како модна галерија „бела коцка“: интерфејсот е речиси целосно лишен од боја, дозволувајќи ѝ на уредничката фотографија да ги диктира сите визуелни одлуки. Типографијата ја обезбедува целата структурна работа - се користи прилагодено дизајниран геометриски sans-serif фонт (Farfetch Basis) во тежини 400 и 700, додека насловите на деловите и логото се прикажани во serif фонт кој го третира текстот како композиција. Распоредот е архитектонски: центрирана содржина со полна ширина, крути мрежи на производи со 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 · За сè што му се прикажува на корисникот се користи прилагодено дизајниран геометриски 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.
  • Пренесете содржина од вашата стара страница - само наведете ја адресата.
  • Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
  • Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.

Слични стилови

  • MAKR — Музејска витрина за рачно изработени кожни производи. Тивка, целосно бела соба каде што етикети со топло црно мастило лебдат под големи фотографии од кожни производи држени во раце или наспроти пејзажи, единствениот контраст во боја е пригушена лента од жалфија.
  • Franco Maria Ricci Editore — Каталог на галеријата „Арт Деко“ - Полирани златни линии на чист бел пергамент
  • Laura Monin — Ѕид од уредничка галерија, бел мермер, печат со мастило
  • OhDada — Уредничкиот ѕид на галеријата
  • Cursor — Удобна работилница за пергамент, осветлена од тлеечки јаглен
  • Structured — Ренесансна галерија на хартија слична на пластелин
  • MindMarket — Удобна книга со бајки на кремаста хартија - пријателско уредничко платно каде што големи наслови од Интер и ликови од исечена хартија коегзистираат на сончева, мека како налепница површина.
  • Airbnb — Тивок бел галериски ѕид со еден корално црвен обележувач
  • Apple (España) — Музејската галерија, на мека дневна светлина, е единствен, фасцинантен, бестежински бел простор, при што секој експонат е осветлен со рефлектор наспроти лесно затемнет ѕид.
  • Lamborghini — Црна боја на каросеријата во салонот, под рефлекторите - еден жолт автомобил
  • Amplemarket — Работно место натопено со сонце, расфрлано со конфети
  • Getharvest — Биро во златен час – топло крем платно, бели разгледници закачени на платното и еден светло портокалов пламен