
Nike
Eine monochrome Galerie sportlicher Errungenschaften – weiße Wände, das Produkt als Kunstwerk, Chrom im Hintergrund aufgelöst
Nike.com präsentiert sich als monochrome, produktorientierte Galerie: Die Benutzeroberfläche ist nahezu unsichtbar, sodass Produktfotos den gesamten Bildschirm einnehmen. Die gesamte Oberfläche besteht aus Schwarz, Weiß und drei Grautönen – ohne Akzentfarben, ohne dekorative Farbverläufe, ohne das typische warme Chrom. Nikes unverkennbarer Stil findet sich im Galerie-Logo und den Fotos wieder, jedoch nicht in der Benutzeroberfläche selbst. Die Typografie ist kompakt und funktional und basiert auf der eigens entworfenen Schriftart Helvetica Now in 12–20 Pixeln. Überschriften werden durch ein einzelnes, übergroßes Nike Futura ND-Logo in 76 Pixeln hervorgehoben. Die Komponenten sind minimalistisch gestaltet: pillenförmige Schaltflächen mit einem Radius von 30 Pixeln, flache Produktkarten, schmale Ränder und nahezu keine Höhenunterschiede. Die Seite wechselt zwischen reinweißen Produktflächen und markanten, dunklen redaktionellen Abschnitten und erzeugt so Rhythmus durch Kontrast statt durch Ornamente.
Die Seite folgt einem klaren redaktionellen Rhythmus: Ein markanter, dunkler Header in voller Breite präsentiert ein einzelnes Produkt und einen großen Titel. Darauf folgt ein 2x2-Kategorieraster in voller Breite, ein horizontal scrollendes Raster mit Produktkarten in drei Spalten und schließlich eine dichte, mehrspaltige Fußzeile. Alle Inhaltsblöcke nutzen die gesamte Breite des Viewports, ohne maximale Containerbreite. Lediglich Navigation und Linkraster in der Fußzeile sind in ihrer Breite begrenzt. Die Übergänge zwischen den Abschnitten sind fließend: schwarzer Header → weißes Kategorieraster → weißes Produktraster → weiße Fußzeile. Schmale graue Ränder bilden die einzige optische Verbindung. Die Navigation ist minimalistisch gestaltet: eine zweistufige Leiste (Zusatzlinks oben, Hauptkategorien zentriert) ohne Fixierung, Hintergrundfüllung und Schatten. Die Inhaltsdichte ist in den Produktrastern kompakt (enger Kartenabstand) und im Header großzügig (volle Viewportbreite).
Die Fotografie ist das dominierende visuelle Element und prägt die gesamte Markenidentität. Das System verwendet hochwertige, formatfüllende Produktfotos: Sportschuhe werden einzeln vor dunklem oder farbigem Hintergrund fotografiert und formatfüllend zugeschnitten, ohne Lifestyle-Kontext. Lifestyle-Bilder erscheinen innerhalb der Kategorien und zeigen Füße und Beine von Sportlern in Bewegung. Es wird ein kontrastreiches, gesättigtes Farbschema verwendet – rote Schuhe vor schwarzem Hintergrund, Neonakzente auf weißen Sohlen sowie warmes und kühles Licht, um die Materialien zu dramatisieren. Illustrationen, abstrakte Grafiken oder 3D-Renderings werden nicht verwendet. Bilder haben stets klare Kanten (keine abgerundeten Ecken in den Bildbereichen), füllen immer den gesamten Platz innerhalb ihrer Blöcke aus und werden stets von minimalem Textüberzug begleitet. Die Symbolik ist rein funktional: Umriss-Icons für Suche, Wunschliste, Warenkorb und Konto in den Farben Obsidian oder Steel.
Palette
Neutral
- Obsidian
#111111— Dunkle Farben ergänzen neutrale Texte und Symbole und erzeugen einen starken Kontrast. Vermeiden Sie es, sie als Hauptfarbe für Handlungsaufforderungen zu verwenden. - Paper White
#ffffff— Seitenhintergrund, Kartenoberfläche, Schaltflächentext auf dunklem Hintergrund, Symbolumriss – die Standardvorlage für Produktraster und Kategorieabschnitte. - Concrete Gray
#e5e5e5— Rahmen, Trennlinien, dünne Linien, die Rasterabschnitte voneinander abgrenzen, dezente Umrisse von Eingabefeldern. - Soft Mist
#f5f5f5— Dezente Hintergrundfarbe für sekundäre Oberflächen, Suchfeldfüllung in der Navigation, Tag-Hintergrund. - Steel
#707072— Sekundärtext, ausgeblendeter Hilfetext, reduzierte Symbolumrisse, Breadcrumb-Beschriftungen, Fußzeilen-Linktrenner. - Faint Gray
#9e9ea0— Symbolumrisse, kleinere UI-Elemente und Rahmen mit minimaler Hervorhebung sind deaktiviert.
Typografie
von 12 bis 76 Pixel · 6 Schritte
- Helvetica Now Text Medium — Ersatz: Inter · Umrisse 500 · Schriftart Helvetica Now Text Medium – in den gesammelten Daten gefunden, aber von der KI nicht beschrieben.
- Helvetica Now Text — Ersatz: Inter or Helvetica Neue · Umrisse 400, 500 · Der Haupttext der Benutzeroberfläche – Navigationslinks, Schaltflächenbeschriftungen, Kartentitel, Produktnamen, Fußzeilenlisten, der gesamte Fließtext.
- Helvetica Now Display Medium — Ersatz: Inter Medium or Helvetica Neue Medium · Umrisse 500 · Abschnittsüberschriften, Kartenkategoriebezeichnungen, mittelgroße Überschriften - Eine mittlere Schriftart (20-24px) ist ein Markenzeichen von Nike-Überschriften, die keine großen Gestaltungselemente sind: niemals fett, immer prägnant.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8px |
| Radius der Schaltfläche | 30px |
| Kartenradius | 0px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 48px |
| Seitenbreite | 1440px |
KI erstellt Ihre Website im Nike -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
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Apple (España) — weiße Galerievitrine
- Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
- Oakâme — Eine sonnendurchflutete provenzalische Werkstatt, aus warmem Stein gehauen
- Arc — Industrielle weiße Galerie über Mitternachtswasser
- Rivian — Ein elektrischer Monolith an der Betonwand der Galerie. Rivian präsentiert jedes Fahrzeug als Skulptur vor einem weitläufigen weißen Raum, wobei die Typografie so groß ist, dass sie zu einem architektonischen Element wird, und ein einzelnes warmes Gelb die monochrome Atmosphäre durchbricht, wie Sonnenlicht auf einer matten Oberfläche.
- Analogue — Schwarze Galerievitrine – Waren schweben im Nichts
- ddna — Warme Museumsvitrine auf unbehandeltem Leinen
- Zellerfeld — Eine Bildhauerwerkstatt aus weißem Marmor – die monolithischen Oberflächen des Sockels, ein einzelner Funke Kobalt, ein Hauch von Kleinbuchstaben vom Boden bis zur Decke
- UY Studio — Die steinerne Galerie des Klosters ist ein ruhiger Raum mit Betonwänden, in dem Parfümflakons auf weißen Sockeln stehen, beleuchtet von einer 400-Watt-Lampe und vier warmgrauen Glühbirnen.
- Basic.Space — Kuratorengalerie auf weißem Marmor
- COS — eine trendige Galerie mit weißen Wänden