Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
FARFETCH España — een voorbeeld van een site in deze stijl

FARFETCH España

Een modegalerij in de stijl van de 'white cube'. Stel je een luxe winkelruimte voor waar de muren, vloeren en armaturen spierwit zijn, en alleen de kleding en de mensen die ze dragen zorgen voor alle tinten, texturen en visuele expressie.

Farfetch functioneert als een 'white cube'-modegalerij: de interface is bijna volledig kleurloos, waardoor de redactionele fotografie alle visuele beslissingen bepaalt. Typografie verzorgt alle structuur – een speciaal ontworpen geometrisch schreefloos lettertype (Farfetch Basis) wordt gebruikt in diktes 400 en 700, terwijl sectiekoppen en het logo zijn weergegeven in een schreeflettertype dat tekst als compositie beschouwt. De lay-out is architectonisch: gecentreerde content over de volledige breedte, strakke productrasters van 3 en 4 kolommen, voldoende ruimte voor secties (48-72px) en een volledig gebrek aan decoratieve elementen. Componenten zijn ontdaan van versieringen – subtiele onderstrepingen voor zoekopdrachten, verborgen navigatielinks, categorienamen in hoofdletters onder afbeeldingen, platte producttegels zonder schaduwen of randen. De enige kleur in het systeem zijn de foto's zelf; de interface is een kader, niet de afbeelding zelf.

De pagina heeft een gecentreerde, over de volle breedte lopende lay-out met een maximale inhoudsbreedte van ongeveer 1280px. De header is een smal paneel met drie zones (categorienavigatie links, gecentreerd tekstlabel en hulppictogrammen rechts), waaronder zich rechts een zoekveld bevindt. Het eerste gedeelte is een raster van drie kolommen met categorietegels over de volle breedte (MUJER, HOMBRE, INFANTIL), elk met een overlaylabel. Onder elke categoriesectie bevindt zich een raster van vier kolommen met productcategoriekaarten (NOVEDADES, ROPA, BOLSOS, ZAPATOS) met titels in hoofdletters. De sectietitels zijn gecentreerd en geschreven in een lettertype met een verticale inspringing van ongeveer 48px aan de boven- en onderkant. Er zijn geen afwisselende achtergrondstrepen; de hele pagina is één effen wit vlak. De footer is omgekeerd weergegeven als #222222, als een enkele donkere streep. De navigatie is een minimalistische bovenbalk zonder vaste elementen, megamenu of zijbalk.

Het visuele systeem wordt gedomineerd door redactionele modefotografie: grote, hoge-resolutiebeelden die de hele pagina vullen, met modellen in architectonische interieurs en close-ups van producten. De fotografie zelf is uitgevoerd in een ingetogen, gedempte kleurenpalette: betonnen muren, natuursteen, neutrale interieurs, zacht, gericht daglicht. Modellen worden van top tot teen gefotografeerd, in redactionele poses, niet de strakke poses van e-commercecatalogi. Productafbeeldingen (tassen, schoenen) zijn geïsoleerd tegen een neutrale grijze of stenen achtergrond, zonder enige lifestyle-context – het onderwerp IS de protagonist. De interface voegt geen visuele elementen toe: geen iconen, geen promotiestickers, geen decoratieve kaders. Alle visuele rijkdom komt van de fotografieafdeling, niet van het ontwerpsysteem.

Palet

Neutrale

  • Carbon #222222 — De hoofdtekst, paginatekst, navigatielinks, pictogrammen, logo, voettekst en een bijna zwarte kleurstelling voor het gehele monochrome systeem.
  • Paper #ffffff — Het paginacanvas, de achtergrondafbeeldingen van de kaarten, de oppervlakken van de producttegels, de invoervelden en de dominante achtergrond, waardoor de foto het enige kleuraccent vormt.
  • Ash Gray #b6b6b6 — Subtiele iconenlijnen, extra randen, zoekonderstreping op de achtergrond, spooktekstplaceholder in invoervelden – de meest ingetogen optie, niet tekstneutraal.
  • Stone #f5f5f5 — Overgangseffect bij zweven met de muis voor navigatiebalken, secundaire oppervlaktekleur voor subpanelen en advertentieachtergronden, het zachtste overgangseffect in de reeks.
  • Graphite #727272 — Gedempte helptekst, inactieve formulierranden en uitgeschakelde pictogramcontouren: een middengrijs dat een vermindering van de nadruk aangeeft zonder de leesbaarheid te belemmeren.
  • Smoke #e6e6e6 — Subtiele scheidingslijnen tussen productrijen, een nauwelijks zichtbare structurele lijn in een verder naadloze lay-out.

Typografie

van 13 tot 30px · 3 stappen

  • Farfetch Basis — vervanging: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · overzichten 400, 700 · Voor alle elementen die aan de gebruiker worden getoond, wordt een speciaal ontworpen geometrisch schreefloos lettertype gebruikt: navigatielinks met een lettergrootte van 13–15px/400, hoofdtekst en productbeschrijvingen met 15px/400, sectiekoppen met 22–30px/400 en het FARFETCH-logo met 700. De koppen met een lettergrootte van 400 zijn een bewuste keuze om geen vetgedrukt lettertype te gebruiken: sectiekoppen hebben een normale, zelfverzekerde, maar niet overdreven dikke lettergrootte, terwijl 700 is gereserveerd voor het logo en de meest expressieve categorienamen. Deze speciale geometrie zorgt voor een gelijkmatig contrast in de lijndikte en een subtiele, menselijke warmte die het standaard Helvetica-lettertype niet zou bereiken.

Intervallen en vorm

DoelBetekenis
Diktegespannen
Basisstap24px
Knopradius0px
Kaartradius0px
Schaduwengeen randen in plaats van schaduwen
Tussen secties48-72px
Paginabreedte1280px

AI bouwt je website in de stijl FARFETCH España en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • MAKR — Een museumvitrine voor handgemaakte lederwaren. Een stille, volledig witte ruimte waar etiketten in warme zwarte inkt zweven onder grote foto's van lederwaren die in de hand worden gehouden of tegen een landschapsachtergrond, met als enige kleurcontrast een gedempte streep saliegroen.
  • Franco Maria Ricci Editore — Art Deco Galerijcatalogus - Glanzende gouden lijnen op helder wit perkament
  • Laura Monin — Redactionele galerijwand, wit marmer, inktstempel
  • OhDada — Redactionele galerijwand
  • Cursor — Een knusse perkamentwerkplaats, verlicht door smeulende kolen.
  • Structured — Renaissance-galerij op plasticine-achtig papier
  • MindMarket — Een knus sprookjesboek op crèmekleurig papier - een vriendelijk redactioneel canvas waarop grote Inter-koppen en uitgeknipte papieren figuren naast elkaar bestaan op een zonovergoten, stickerzachte ondergrond.
  • Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
  • Apple (España) — De museumgalerie, badend in zacht daglicht, is één grote, fascinerende, gewichtloze witte ruimte, waarbij elk object wordt verlicht door een spotlicht tegen een licht getinte muur.
  • Lamborghini — Zwarte carrosserie in de showroom, onder de schijnwerpers - één gele auto
  • Amplemarket — Een zonovergoten werkplek bezaaid met confetti.
  • Getharvest — Een bureau tijdens het gouden uur – een warm crèmekleurig canvas, witte ansichtkaarten die aan het canvas hangen, en een enkele heldere oranje vlam.