Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukframkallareUtvecklar AI-verktyg för företag. Högkvalitativt. Prisvärt.Skriv i Telegram
FARFETCH España — en förhandsvisning av en webbplats i den här stilen

FARFETCH España

Ett modegalleri i stilen "white cube". Föreställ dig en exklusiv butikslokal där väggar, golv och inredning är blekta vita, och bara kläderna och människorna som bär dem skapar varje nyans, textur och visuellt uttryck.

Farfetch fungerar som ett "vitt kub"-modegalleri: gränssnittet är nästan helt färglöst, vilket gör att redaktionell fotografering dikterar alla visuella beslut. Typografin står för allt strukturellt arbete – ett specialdesignat geometriskt sans-serif-teckensnitt (Farfetch Basis) används i vikterna 400 och 700, medan avsnittsrubriker och logotypen återges i ett serif-teckensnitt som behandlar text som komposition. Layouten är arkitektonisk: centrerat innehåll i full bredd, styva produktrutnät med 3 och 4 kolumner, gott om utrymme för sektionsplacering (48–72 pixlar) och en fullständig avsaknad av dekorativa element. Komponenterna är avskalade på utsmyckning – subtila understrykningar för sökning, dolda navigeringslänkar, versaler i kategorinamn under bilder, platta produktplattor utan skuggor eller kantlinjer. Den enda färgen i systemet är själva fotografierna; gränssnittet är en ram, inte själva bilden.

Sidan har en centrerad komposition i full bredd med en maximal innehållsbredd på ~1280px. Rubriken är en tunn panel med tre zoner (kategorinavigering till vänster, centrerad textskylt och hjälpikoner till höger), under vilken det finns ett sökfält till höger. Den första sektionen är ett rutnät med tre kolumner av kategorirutor i full bredd (MUJER, HOMBRE, INFANTIL), var och en med en överliggande etikett. Under varje kategorisektion finns ett rutnät med fyra kolumner av produktkategorikort (NOVEDADES, ROPA, BOLSOS, ZAPATOS) med titlar i versaler. Sektionsrubrikerna är centrerade och skrivna med ett teckensnitt med ett vertikalt indrag på ~48px högst upp och längst ner. Det finns inga alternerande bakgrundsränder – hela sidan är ett enda helt vitt fält. Sidfoten är inverterad till #222222 som en enda mörk rand. Navigeringen är en minimalistisk övre fält utan fasta element, ingen megameny och inget sidofält.

Det visuella systemet domineras av redaktionell modefotografi – stora, högupplösta bilder som fyller hela sidan, med modeller i arkitektoniska interiörer och närbilder av produkter. Själva fotograferingen utförs i en dämpad, omättad palett: betongväggar, natursten, neutrala interiörer, mjukt, riktat dagsljus. Modellerna fotograferas i mellan- och helfigur, med redaktionella poser, inte de strikta poserna i e-handelskataloger. Produktbilder (väskor, skor) är isolerade mot en neutral grå eller stenbakgrund, utan någon livsstilskontext – motivet ÄR huvudpersonen. Gränssnittet lägger inte till några visuella element: inga ikoner, inga reklamklistermärken, inga dekorativa ramar. All den visuella rikedomen kommer från fotoavdelningen, inte designsystemet.

Palett

Neutral

  • Carbon #222222 — Brödtext, sidtext, navigeringslänkar, ikoner, logotyp, sidfot och en nästan svart färgton för hela det monokroma systemet.
  • Paper #ffffff — Sidans arbetsyta, kortets bakgrundsbilder, produktrutans ytor, inmatningsfält och den dominerande bakgrunden, vilket gör fotografiet till den enda färgaccenten.
  • Ash Gray #b6b6b6 — Subtila ikonlinjer, extra ramar, understrykning i bakgrunden för sökning, platshållare för spöktext i inmatningsfält – det tystaste alternativet, inte textneutralt.
  • Stone #f5f5f5 — Övergångseffekt för muspekaren för navigeringsfält, sekundär ytton för underpaneler och annonsbakgrunder, den mjukaste övergångseffekten i stacken.
  • Graphite #727272 — Dämpad hjälptext, inaktiva formulärgränser och inaktiverade ikonkonturer – en mellangrå färg som signalerar en minskad betoning utan att offra läsbarheten.
  • Smoke #e6e6e6 — Subtila avdelare mellan produktrader, en knappt märkbar strukturell linje i en annars sömlös layout.

Typografi

från 13 till 30px · 3 steg

  • Farfetch Basis — ersättning: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · konturer 400, 700 · Ett specialdesignat geometriskt sans-serif-typsnitt används för allt som visas för användaren: navigeringslänkar vid 13–15px/400, brödtext och produktbeskrivningar vid 15px/400, avsnittsrubriker vid 22–30px/400 och FARFETCH-logotypen vid 700. Rubrikerna med endast 400 är ett medvetet steg bort från fetstil: avsnittsrubriker har en regelbunden, självsäker men inte överdrivet fetstil, medan 700 är reserverat för logotypen och de mest uttrycksfulla kategorinamnen. Denna speciella geometri säkerställer jämn kontrast och en subtil, humanistisk värme som standardtypsnittet Helvetica inte skulle uppnå.

Intervaller och form

ÄndamålMenande
Densitettät
Grundläggande steg24px
Knappradie0px
Kortradie0px
Skuggoringa gränser istället för skuggor
Mellan sektioner48-72px
Sidbredd1280px

AI kommer att bygga din webbplats i FARFETCH España -stil och fylla den

  • Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
  • Överför innehåll från din gamla webbplats – ange bara adressen.
  • Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
  • Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.

Liknande stilar

  • MAKR — En museimonter för handgjorda lädervaror. Ett tyst, helvitt rum där etiketter i varmt svart bläck svävar under stora fotografier av lädervaror som hålls i handen eller mot landskap, den enda färgkontrasten en dämpad rand av salvia.
  • Franco Maria Ricci Editore — Art Deco Gallerikatalog - Polerade guldlinjer på skarpt vitt pergament
  • Laura Monin — Redaktionell tavelvägg, vit marmor, bläckstämpel
  • OhDada — Redaktionell tavelvägg
  • Cursor — En mysig pergamentverkstad, upplyst av glödande kol
  • Structured — Renässansgalleri på modelleraliknande papper
  • MindMarket — En mysig sagobok på krämfärgat papper – en vänlig redaktionell duk där stora Inter-rubriker och utklippta pappersfigurer samsas på en soldränkt, klistermjuk yta.
  • Airbnb — En tyst vit tavelvägg med ett enda korallrött bokmärke
  • Apple (España) — Museigalleriet, i mjukt dagsljus, är ett enda, fängslande, viktlöst vitt utrymme, där varje utställningsföremål upplysts av en spotlight mot en lätt tonad vägg.
  • Lamborghini — Svart karossfärg i utställningslokalen, under strålkastarna - en gul bil
  • Amplemarket — En soldränkt arbetsplats beströdd med konfetti
  • Getharvest — Ett skrivbord vid gyllene timmen – en varm krämfärgad duk, vita vykort hängande på duken och en enda ljus orange låga