Nike
Eng monochrom Galerie vu sportleche Leeschtungen – wäiss Maueren, d'Produkt als Konschtwierk, Chrom am Hannergrond opgeléist
Nike.com funktionéiert als eng monochrom, produktorientéiert Galerie: d'Benotzeroberfläche ass praktesch onsichtbar, sou datt Produktfotoen all Bildschierm besetzen. Déi ganz Interface besteet aus schwaarz, wäiss an dräi groe Schiirme - keng Akzentfaarwen, keng dekorativ Verlafstänn, kee waarme Chrom. Den typesche Stil vun Nike ass am Galerielogo an an de Fotoen ze gesinn, awer ni an der Benotzeroberfläche selwer. D'Typographie ass kompakt an utilitaristesch a baséiert op enger speziell entwéckelter Helvetica Now Schrëftfamill mat 12-20px, mat engem eenzegen, iwwerdimensionéierte Nike Futura ND Logo mat 76px fir d'Iwwerschrëften. D'Komponente si minimalistesch: pillefërmeg Knäppercher mat engem Radius vun 30px, flaach Produktkaarten, dënn Borduren a praktesch keng Héichtenënnerscheeder. D'Säit wiesselt tëscht reng wäisse Produktoberflächen an opfällegen, donkelen redaktionellen Sektiounen, wouduerch Rhythmus duerch Kontrast amplaz vun Ornamenter entsteet.
D'Säit follegt engem robuste redaktionelle Rhythmus: en opfällegen, donkelen Header a voller Breet mat engem eenzege Produkt an engem groussen Titel, gefollegt vun engem 2x2 Kategorieraster a voller Breet, engem horizontal scrollende Raster vu Produktkaarten an 3 Kolonnen, an zum Schluss e dichten Fousszeil mat ville Kolonnen. All Inhaltsblöcke besetzen déi ganz Viewport-Breet ouni maximal Containerbreet; eng maximal Breetbegrenzung gëllt nëmme fir d'Navigatioun an d'Footer-Linkraster. D'Iwwergäng tëscht de Sektiounen si schaarf: schwaarzen Header → wäisst Kategorieraster → wäisst Produktraster → wäisse Fousszeil, mat schmuele groe Borduren, déi als eenzeg visuell Naht déngen. D'Navigatioun ass eng minimalistesch, zweestufeg Leescht (Hëllefslinks uewen, Haaptkategorien zentréiert) ouni Pinning, ouni Hannergrondfëllung a ouni Schied. D'Inhaltsdicht ass kompakt an de Produktraster (enk Kaartenofstand) a geräumig am Header (Viewport a voller Breet).
Fotografie ass dat dominant visuellt Element a definéiert déi ganz Identitéit vun der Mark. De System benotzt héichqualitativ Produktfotoen am Vollformat: Sportschong, déi eenzel virun engem donkelen oder ofgestuften Hannergrond fotograféiert ginn, ausgeschnidden, fir de Bild ze fëllen, ouni Lifestyle-Kontext. Lifestyle-Biller erschéngen a Kategorien a weisen d'Féiss a Been vun Athleten a Bewegung. E kontrasträicht, gesättigt Faarfschema gëtt benotzt - rout Schong virun engem schwaarzen Hannergrond, Neonakzenter op wäisse Sohlen, a waarm a kal Beliichtung fir d'Materialien ze dramatiséieren. Et gi keng Illustratiounen, abstrakt Grafiken oder 3D-Renderinge benotzt. Biller hunn ëmmer propper Kanten (keng ofgerënnt Ecker a Fotocontainer), huelen ëmmer de ganze Raum an hire Blöcke an a gi ëmmer vun enger minimaler Textiwwerlagerung begleet. D'Ikonographie ass reng funktionell: Kontursymboler fir Sich, Wonschlëscht, Wuerekuerf a Kont a Faarwen Obsidian oder Stol.
Palette
Neutral
- Obsidian
#111111— Donkel Faarf ergänzt neutralen Text an Ikonen a kreéiert e staarke Kontrast. Vermeit et, se als Haaptfaarf fir Handlungsruffer ze benotzen. - Paper White
#ffffff— Säitenhannergrond, Kaartuewerfläch, Knäppchentext op engem donkelen Hannergrond, Ikonkontur - d'Standard-Leinwand fir Produktgitter a Kategoriesektiounen. - Concrete Gray
#e5e5e5— Grenzen, Trennwänn, dënn Linnen, déi Rasterabschnitter trennen, subtil Konturen vun Inputfelder. - Soft Mist
#f5f5f5— Subtil Hannergrondfaarf fir sekundär Flächen, Sichfeldfëllung an der Navigatioun, Tag-Hannergrond. - Steel
#707072— Sekundärtext, gedämpften Hëllefstext, reduzéiert Ikonkonturen, Breadcrumb-Etiketten, Linktrenner am Fousszeilen. - Faint Gray
#9e9ea0— Ikonkonturen, kleng UI-Elementer a Grenzen mat minimaler Ervirhiewung sinn desaktivéiert.
Typographie
vun 12 bis 76px · 6 Schrëtt
- Helvetica Now Text Medium — Ersatz: Inter · Konturen 500 · Helvetica Now Text Medium Schrëft - an den ausgeschraubten Daten fonnt, awer net vun der KI beschriwwen.
- Helvetica Now Text — Ersatz: Inter or Helvetica Neue · Konturen 400, 500 · Den Haapttext vun der Benotzerinterface - Navigatiounslinken, Knäppchenbeschrëftungen, Kaartentitelen, Produktnimm, Fousszeilen, all Kierpertext.
- Helvetica Now Display Medium — Ersatz: Inter Medium or Helvetica Neue Medium · Konturen 500 · Sektiounsiwwerschrëften, Kategoriebeschrëftungen fir Kaarten, mëttelgrouss Iwwerschrëften - Mëttelgrouss Schrëft (20-24px) ass e Kennzeechen vun Nike-Iwwerschrëften, déi keng grouss Designelementer sinn: ni fett, ëmmer präzis.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8px |
| Knäppchenradius | 30px |
| Kaarteradius | 0px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 48px |
| Säitebreet | 1440px |
KI baut Är Websäit am Stil vun Nike op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Airbnb — Eng roueg wäiss Galeriemauer mat engem eenzege korallroude Lieszeechen
- Apple (España) — wäiss Galerievitrin
- Silencio — E wäisst Zëmmer mat schwiewenden Artefakten. Eng Galerieausstellung aus waarmem Pabeier, wou all Element seng Plaz virun engem Hannergrond vu negativem Volumen anhëlt, an d'Rou eng bewosst Designentscheedung ass.
- Oakâme — E sonneverschwonnent provençalescht Atelier aus waarme Steen geschnëtzt
- Arc — industriell wäiss Galerie iwwer Mëtternuechtswaasser
- Rivian — En elektresche Monolith op der Betonmauer vun der Galerie. De Rivian presentéiert all Gefier als Skulptur virun engem risege wäisse Raum, mat enger Typographie déi sou grouss ass, datt se zu engem architektoneschen Element gëtt, an engem eenzege waarme Giel, dat déi monochromatesch Atmosphär brécht, wéi Sonneliicht op enger matter Uewerfläch.
- Analogue — Schwaarz Galerievitrin – Wueren schwiewen an der Eidelkeet
- ddna — waarm Musée-Vitrine op onbehandeltem Léngen
- Zellerfeld — E Sculpteur-Atelier op wäissem Marmer - déi monolithesch Uewerfläche vum Sockel, e Funken Kobalt, e Geflüster vu klenge Buschtawen vum Buedem bis bei d'Plafong
- UY Studio — D'Steengalerie vum Klouschter ass e rouege Raum mat Betonmauere, wou Parfumfläsche op wäisse Sockel stinn, beliicht vun enger 400-Watt-Luucht a véier waarmgro Glühbirnen.
- Basic.Space — Kuratorialgalerie op wäissem Marmer
- COS — eng trendy Galerie mat wäisse Maueren