FARFETCH España
Eine Modegalerie im Stil des „White Cube“. Stellen Sie sich einen exklusiven Verkaufsraum vor, in dem Wände, Böden und Einrichtungsgegenstände strahlend weiß sind und nur die Kleidung und die Menschen, die sie tragen, für jede Nuance, Textur und jeden visuellen Ausdruck sorgen.
Farfetch fungiert als „White Cube“-Modegalerie: Die Benutzeroberfläche ist nahezu farblos, sodass redaktionelle Fotografien alle visuellen Entscheidungen bestimmen. Die Typografie übernimmt die gesamte Strukturierung – eine eigens entworfene geometrische serifenlose Schriftart (Farfetch Basis) kommt in den Strichstärken 400 und 700 zum Einsatz, während Überschriften und Logo in einer Serifenschrift gestaltet sind, die Text als Komposition betrachtet. Das Layout ist architektonisch: zentrierter, vollflächiger Inhalt, starre 3- und 4-spaltige Produktraster, viel Platz für die Platzierung von Abschnitten (48–72 px) und der Verzicht auf jegliche dekorative Elemente. Die Komponenten sind von jeglicher Verzierung befreit – dezente Unterstreichungen für die Suche, versteckte Navigationslinks, großgeschriebene Kategorienamen unter den Bildern, flache Produktkacheln ohne Schatten oder Rahmen. Die einzige Farbe im System sind die Fotos selbst; die Benutzeroberfläche bildet den Rahmen, nicht das Bild selbst.
Die Seite präsentiert sich in einem zentrierten, vollflächigen Layout mit einer maximalen Inhaltsbreite von ca. 1280 Pixeln. Der Header besteht aus einem schmalen, dreizonigen Panel (Kategorienavigation links, zentrierter Text und Hilfssymbole rechts), darunter befindet sich rechts ein Suchfeld. Der erste Abschnitt ist ein dreispaltiges Raster mit vollflächigen Kategoriekacheln (FRAU, HERR, KINDER), jeweils mit einer Overlay-Beschriftung. Unterhalb jeder Kategorie befindet sich ein vierspaltiges Raster mit Produktkategorien (NOVEDADES, ROPA, BOLSOS, ZAPATOS) mit Titeln in Großbuchstaben. Die Abschnittstitel sind zentriert und in einer Schriftart mit einem vertikalen Einzug von ca. 48 Pixeln oben und unten geschrieben. Es gibt keine abwechselnden Hintergrundstreifen – die gesamte Seite ist einfarbig weiß. Die Fußzeile ist invertiert und als einzelner dunkler Streifen in #222222 dargestellt. Die Navigation ist eine minimalistische obere Leiste ohne feste Elemente, Mega-Menü oder Seitenleiste.
Das visuelle System wird von redaktioneller Modefotografie dominiert – großformatige, hochauflösende Bilder, die die gesamte Seite füllen und Models in architektonischen Interieurs sowie Produktaufnahmen im Detail zeigen. Die Fotografie selbst ist in einer gedeckten, entsättigten Farbpalette gehalten: Betonwände, Naturstein, neutrale Interieurs, weiches, gerichtetes Tageslicht. Die Models werden in Halb- und Ganzkörperansicht mit redaktionellen Posen fotografiert, nicht mit den starren Posen von E-Commerce-Katalogen. Produktbilder (Taschen, Schuhe) sind vor einem neutralen grauen oder steinfarbenen Hintergrund isoliert, ohne jeglichen Lifestyle-Kontext – das Produkt steht im Mittelpunkt. Die Benutzeroberfläche fügt keine visuellen Elemente hinzu: keine Icons, keine Werbeaufkleber, keine dekorativen Rahmen. Die gesamte visuelle Vielfalt stammt aus der Fotografie, nicht aus dem Designsystem.
Palette
Neutral
- Carbon
#222222— Fließtext, Seitentext, Navigationslinks, Symbole, Logo, Fußzeile und ein nahezu schwarzer Farbton für das gesamte monochrome System. - Paper
#ffffff— Die Seitenfläche, die Hintergrundbilder der Karten, die Oberflächen der Produktkacheln, die Eingabefelder und der dominante Hintergrund, wodurch das Foto zum einzigen Farbakzent wird. - Ash Gray
#b6b6b6— Dezente Symbolstriche, zusätzliche Rahmen, Unterstreichung der Suche im Hintergrund, Platzhalter für Geistertext in Eingabefeldern – die unauffälligste Option, nicht textneutral. - Stone
#f5f5f5— Hover-Übergangseffekt für Navigationsleisten, sekundärer Oberflächenton für Unterpanels und Werbehintergründe, der weichste Übergangseffekt im Stapel. - Graphite
#727272— Ausgeblendeter Hilfetext, inaktive Formularrahmen und deaktivierte Symbolumrisse – ein mittleres Grau, das eine Reduzierung der Hervorhebung signalisiert, ohne die Lesbarkeit zu beeinträchtigen. - Smoke
#e6e6e6— Dezente Trennlinien zwischen den Produktreihen, eine kaum wahrnehmbare Strukturlinie in einem ansonsten nahtlosen Layout.
Typografie
von 13 auf 30 Pixel · 3 Schritte
- Farfetch Basis — Ersatz: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · Umrisse 400, 700 · Für alle dem Nutzer angezeigten Elemente wird eine eigens entworfene geometrische serifenlose Schriftart verwendet: Navigationslinks in 13–15px/400, Fließtext und Produktbeschreibungen in 15px/400, Abschnittsüberschriften in 22–30px/400 und das FARFETCH-Logo in 700. Die ausschließlich in 400 gesetzten Überschriften stellen eine bewusste Abkehr von Fettdruck dar: Abschnittsüberschriften haben eine normale, selbstbewusste, aber nicht übermäßig fette Strichstärke, während 700 für das Logo und die ausdrucksstärksten Kategorienamen reserviert ist. Diese spezielle Geometrie gewährleistet einen gleichmäßigen Strichkontrast und eine subtile, natürliche Wärme, die mit der Standard-Helvetica-Schriftart nicht erreicht werden könnte.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 24px |
| Radius der Schaltfläche | 0px |
| Kartenradius | 0px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 48-72px |
| Seitenbreite | 1280px |
KI erstellt Ihre Website im FARFETCH España -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- MAKR — Eine Museumsvitrine für handgefertigte Lederwaren. Ein ruhiger, ganz in Weiß gehaltener Raum, in dem Etiketten in warmem Schwarz unter großformatigen Fotografien von Lederwaren in der Hand oder vor Landschaften schweben; der einzige Farbkontrast ist ein dezenter Streifen Salbeigrün.
- Franco Maria Ricci Editore — Art-Deco-Galeriekatalog – Polierte Goldlinien auf strahlend weißem Pergament
- Laura Monin — Editorial-Galeriewand, weißer Marmor, Stempel
- OhDada — Bildergaleriewand für redaktionelle Zwecke
- Cursor — Eine gemütliche Pergamentwerkstatt, erleuchtet von glimmenden Kohlen
- Structured — Renaissance-Galerie auf plastilinartigem Papier
- MindMarket — Ein gemütliches Märchenbuch auf cremefarbenem Papier – eine freundliche redaktionelle Leinwand, auf der große Inter-Schlagzeilen und ausgeschnittene Papierfiguren auf einer sonnendurchfluteten, aufkleberweichen Oberfläche koexistieren.
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Apple (España) — Die Museumsgalerie präsentiert sich im sanften Tageslicht als ein einziger, faszinierender, schwereloser weißer Raum, in dem jedes Exponat von einem Scheinwerfer vor einer leicht getönten Wand beleuchtet wird.
- Lamborghini — Schwarze Karosseriefarbe im Ausstellungsraum, unter den Scheinwerfern – ein gelbes Auto
- Amplemarket — Ein sonnendurchfluteter Arbeitsplatz, übersät mit Konfetti
- Getharvest — Ein Schreibtisch in der goldenen Stunde – eine warme, cremefarbene Leinwand, weiße Postkarten daran und eine einzelne, hellorange Flamme