Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojárVývoj nástrojov umelej inteligencie pre firmy. Vysokokvalitné. Cenovo dostupné.Napísať do Telegramu
FARFETCH España — ukážka stránky v tomto štýle

FARFETCH España

Módna galéria v štýle „bielej kocky“. Predstavte si luxusný obchodný priestor, kde sú steny, podlahy a zariadenia vybielené na bielo a iba oblečenie a ľudia, ktorí ho nosia, vytvárajú každý odtieň, textúru a vizuálny výraz.

Farfetch funguje ako módna galéria v štýle „bielej kocky“: rozhranie je takmer úplne bez farieb, čo umožňuje redakčnej fotografii diktovať všetky vizuálne rozhodnutia. Typografia zabezpečuje všetku štrukturálnu prácu – používa sa na mieru navrhnuté geometrické bezpätkové písmo (Farfetch Basis) s hrúbkou 400 a 700, zatiaľ čo nadpisy sekcií a logo sú vykreslené pätkovým písmom, ktoré text považuje za kompozíciu. Rozloženie je architektonické: obsah vycentrovaný na celú šírku, pevné 3- a 4-stĺpcové mriežky produktov, dostatok priestoru na umiestnenie sekcií (48 – 72 px) a úplná absencia dekoratívnych prvkov. Komponenty sú zbavené ozdôb – jemné podčiarknutia pre vyhľadávanie, skryté navigačné odkazy, veľké písmená názvov kategórií pod obrázkami, ploché dlaždice produktov bez tieňov alebo okrajov. Jedinou farbou v systéme sú samotné fotografie; rozhranie je rámček, nie samotný obrázok.

Stránka má centrovanú kompozíciu na celú šírku s maximálnou šírkou obsahu ~1280px. Hlavička je tenký trojzónový panel (navigácia kategórií vľavo, centrovaný textový symbol a pomocné ikony vpravo), pod ktorým sa vpravo nachádza vyhľadávacie pole. Prvá sekcia je trojstĺpcová mriežka s dlaždicami kategórií na celú šírku (MUJER, HOMBRE, INFANTIL), každá s prekryvným popisom. Pod každou sekciou kategórie sa nachádza štvorstĺpcová mriežka s kartami kategórií produktov (NOVEDADES, ROPA, BOLSOS, ZAPATOS) s názvami napísanými veľkými písmenami. Názvy sekcií sú centrované a napísané písmom so zvislým odsadením ~48px v hornej a dolnej časti. Nie sú tam žiadne striedavé pruhy na pozadí – celá stránka je jedno plné biele pole. Päta je invertovaná na #222222 ako jeden tmavý pruh. Navigácia je minimalistický horný panel bez pevných prvkov, bez mega menu a bez bočného panela.

Vizuálnemu systému dominuje editoriálna módna fotografia – veľké obrázky s vysokým rozlíšením, ktoré vypĺňajú celú stránku, zobrazujú modelky v architektonických interiéroch a detailné zábery produktov. Samotná fotografia je zhotovená v tlmenej, desaturovanej palete: betónové steny, prírodný kameň, neutrálne interiéry, mäkké, smerové denné svetlo. Modelky sú fotené v strednej a plnej výške, v editoriálnych pózach, nie v striktných pózach katalógov elektronického obchodu. Obrázky produktov (tašky, topánky) sú izolované na neutrálnom sivom alebo kamennom pozadí, bez akéhokoľvek kontextu životného štýlu – objekt JE protagonistom. Rozhranie nepridáva žiadne vizuálne prvky: žiadne ikony, žiadne propagačné nálepky, žiadne ozdobné rámy. Všetka vizuálna bohatosť pochádza z fotografického oddelenia, nie z dizajnového systému.

Paleta

Neutrálny

  • Carbon #222222 — Hlavný text, text stránky, navigačné odkazy, ikony, logo, päta a takmer čierny farebný tón pre celý monochromatický systém.
  • Paper #ffffff — Plátno stránky, obrázky na pozadí kariet, povrchy dlaždíc produktov, vstupné polia a dominantné pozadie, vďaka ktorému je fotografia jediným farebným akcentom.
  • Ash Gray #b6b6b6 — Jemné ťahy ikon, ďalšie orámovanie, podčiarknutie vyhľadávania na pozadí, zástupný symbol pre fiktívny text vo vstupných poliach – najtichšia možnosť, nie textovo neutrálna.
  • Stone #f5f5f5 — Prechodový efekt pri podržaní kurzora myši pre navigačné panely, tón sekundárneho povrchu pre podpanely a pozadia reklám, najjemnejší prechodový efekt v zostave.
  • Graphite #727272 — Stlmený pomocný text, neaktívne orámovanie formulárov a deaktivované obrysy ikon – stredne sivá farba, ktorá signalizuje zníženie dôrazu bez straty čitateľnosti.
  • Smoke #e6e6e6 — Jemné deliace priečky medzi radmi produktov, sotva viditeľná štrukturálna línia v inak bezproblémovom rozložení.

Typografia

od 13 do 30px · 3 kroky

  • Farfetch Basis — náhrada: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · obrysy 400, 700 · Pre všetko zobrazené používateľovi sa používa geometrické bezpätkové písmo navrhnuté na mieru: navigačné odkazy s veľkosťou 13 – 15px/400, text a popisy produktov s veľkosťou 15px/400, nadpisy sekcií s veľkosťou 22 – 30px/400 a logo FARFETCH s veľkosťou 700. Nadpisy s veľkosťou 400 sú zámerným odklonom od tučného písma: nadpisy sekcií majú pravidelnú, sebavedomú, ale nie príliš tučnú váhu, zatiaľ čo veľkosť 700 je vyhradená pre logo a najvýraznejšie názvy kategórií. Táto špeciálna geometria zaisťuje rovnomerný kontrast ťahov a jemné, humanistické teplo, ktoré by štandardné písmo Helvetica nedosiahlo.

Intervaly a forma

ÚčelVýznam
Hustotahustý
Základný krok24px
Polomer tlačidla0px
Polomer karty0px
Tienenie - okraje namiesto tieňov
Medzi sekciami48-72px
Šírka stránky1280px

Umelá inteligencia vytvorí vašu webovú stránku v štýle FARFETCH España a naplní ju

  • Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
  • Preneste obsah zo svojej starej stránky – stačí zadať adresu.
  • Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
  • Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.

Podobné štýly

  • MAKR — Múzejná vitrína s ručne vyrobeným koženým tovarom. Tichá, čisto biela miestnosť, kde sa pod veľkými fotografiami koženého tovaru držaného v ruke alebo na pozadí krajiniek vznášajú štítky napísané teplým čiernym atramentom, pričom jediným farebným kontrastom je tlmený pruh šalvie.
  • Franco Maria Ricci Editore — Katalóg galérie Art Deco - Leštené zlaté linky na ostrom bielom pergamene
  • Laura Monin — Nástenná galéria redakcie, biely mramor, atramentová pečiatka
  • OhDada — Nástenná galéria redakcie
  • Cursor — Útulná pergamenová dielňa, osvetlená tlejúcim uhlím
  • Structured — Renesančná galéria na papieri podobnom plastelíne
  • MindMarket — Útulná rozprávková kniha na krémovom papieri - príjemné redakčné plátno, kde na slnkom zaliatom, mäkkom povrchu ako nálepka koexistujú veľké titulky Interu a vystrihnuté papierové postavičky.
  • Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
  • Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
  • Lamborghini — Čierna farba karosérie v showroome, pod reflektormi - jedno žlté auto
  • Amplemarket — Slnkom zaliate pracovisko posiate konfetami
  • Getharvest — Stôl v zlatej hodinke – teplé krémové plátno, na plátne zavesené biele pohľadnice a jediný jasne oranžový plameň.