
Nike
Een monochrome galerij van sportprestaties – witte muren, het product als kunstwerk, chroom dat opgaat in de achtergrond.
Nike.com functioneert als een monochrome, productgerichte galerij: de gebruikersinterface is vrijwel onzichtbaar, waardoor productfoto's elk scherm vullen. De gehele interface is opgebouwd uit zwart, wit en drie grijstinten – geen accentkleuren, geen decoratieve verlopen, geen warme, kenmerkende chroomtinten. Nike's kenmerkende stijl is terug te vinden in het galerijlogo en de foto's, maar nooit in de gebruikersinterface zelf. De typografie is compact en functioneel, met een speciaal ontworpen lettertypefamilie Helvetica Now in een grootte van 12-20px, en een enkel, oversized Nike Futura ND-logo van 76px voor de koppen. De componenten zijn minimalistisch: pilvormige knoppen met een radius van 30px, platte productkaarten, dunne randen en vrijwel geen hoogteverschillen. De pagina wisselt af tussen puur witte productoppervlakken en opvallende, donkere redactionele secties, waardoor ritme ontstaat door contrast in plaats van versiering.
De pagina volgt een robuust redactioneel ritme: een opvallende, over de volledige breedte lopende, donkere header met één product en een grote titel, gevolgd door een categorie-raster van 2x2 over de volledige breedte, een horizontaal scrollend raster met productkaarten in 3 kolommen en tot slot een compacte footer met meerdere kolommen. Alle contentblokken vullen de volledige breedte van het scherm zonder maximale containerbreedte; een maximale breedtebeperking geldt alleen voor de navigatie en het linkraster in de footer. De overgangen tussen de secties zijn scherp: zwarte header → wit categorie-raster → wit productraster → witte footer, met smalle grijze randen als enige visuele scheiding. De navigatie is een minimalistische balk met twee niveaus (hulplinks bovenaan, primaire categorieën in het midden) zonder vastzetten, achtergrondvulling of schaduw. De contentdichtheid is compact in de productrasters (krappe afstand tussen de kaarten) en ruim in de header (volledige breedte van het scherm).
Fotografie is het dominante visuele element en bepaalt de volledige merkidentiteit. Het systeem maakt gebruik van hoogwaardige, beeldvullende productfoto's: sportschoenen individueel gefotografeerd tegen een donkere of verlopende achtergrond, bijgesneden om het kader te vullen, zonder lifestyle-context. Lifestyle-afbeeldingen verschijnen binnen categorieën en tonen de voeten en benen van atleten in beweging. Er wordt een contrastrijk, verzadigd kleurenschema gebruikt: rode schoenen tegen een zwarte achtergrond, neonaccenten op witte zolen en warme en koele belichting om de materialen te accentueren. Er worden geen illustraties, abstracte afbeeldingen of 3D-renderings gebruikt. Afbeeldingen hebben altijd strakke randen (geen afgeronde hoeken in fotocontainers), vullen altijd de volledige ruimte binnen hun blokken en worden altijd vergezeld door minimale tekstoverlay. De iconografie is puur functioneel: contourpictogrammen voor zoeken, verlanglijstje, winkelwagen en account in de kleuren Obsidian of Steel.
Palet
Neutrale
- Obsidian
#111111— Donkere kleuren vormen een goede aanvulling op neutrale tekst en pictogrammen en zorgen voor een sterk contrast. Vermijd het gebruik ervan als hoofdkleur voor call-to-action-knoppen. - Paper White
#ffffff— Pagina-achtergrond, kaartoppervlak, knoptekst op een donkere achtergrond, pictogramomtrek: het standaard canvas voor productrasters en categorie-secties. - Concrete Gray
#e5e5e5— Randen, scheidingslijnen, dunne lijnen die rastersecties scheiden, subtiele contouren van invoervelden. - Soft Mist
#f5f5f5— Subtiele achtergrondkleur voor secundaire oppervlakken, zoekveldvulling in navigatie, tagachtergrond. - Steel
#707072— Secundaire tekst, gedempte helptekst, kleinere pictogramcontouren, breadcrumb-labels, scheidingstekens voor links in de footer. - Faint Gray
#9e9ea0— Pictogramcontouren, kleine UI-elementen en randen met minimale markering zijn uitgeschakeld.
Typografie
van 12 tot 76px · 6 stappen
- Helvetica Now Text Medium — vervanging: Inter · overzichten 500 · Helvetica Now Text Medium-lettertype - gevonden in de verzamelde gegevens, maar niet beschreven door de AI.
- Helvetica Now Text — vervanging: Inter or Helvetica Neue · overzichten 400, 500 · De hoofdtekst van de gebruikersinterface - navigatielinks, knoplabels, kaarttitels, productnamen, voettekstlijsten, alle bodytekst.
- Helvetica Now Display Medium — vervanging: Inter Medium or Helvetica Neue Medium · overzichten 500 · Sectiekoppen, categorielabels op kaarten, middelgrote koppen - Een middelgroot lettertype (20-24px) is een kenmerk van Nike-koppen die geen grote ontwerpelementen zijn: nooit vetgedrukt, altijd beknopt.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8px |
| Knopradius | 30px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 48px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Nike 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
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- Apple (España) — witte vitrinekast
- Silencio — Een witte ruimte met zwevende objecten. Een galerie-achtige opstelling van warm papier, waarbij elk element zijn eigen plek inneemt tegen een achtergrond van negatief volume, en de stilte een bewuste ontwerpkeuze is.
- Oakâme — Een zonovergoten Provençaalse werkplaats, gehouwen uit warme steen.
- Arc — industriële witte galerij boven middernachtelijk water
- Rivian — Een elektrische monoliet op de betonnen muur van de galerie. Rivian presenteert elk voertuig als een sculptuur tegen een immense witte achtergrond, met typografie zo groot dat het een architectonisch element wordt, en een enkele warme gele kleur die de monochrome sfeer doorbreekt, als zonlicht op een mat oppervlak.
- Analogue — Zwarte vitrinekast – goederen zweven in de leegte.
- ddna — warme museumvitrine op onbehandeld linnen
- Zellerfeld — Een beeldhouwersatelier op wit marmer – de monolithische oppervlakken van het voetstuk, een enkele vonk kobaltblauw, een gefluister van kleine letters van vloer tot plafond.
- UY Studio — De stenen galerij van het klooster is een rustige ruimte met betonnen muren, waar parfumflesjes op witte sokkels staan, verlicht door één lamp van 400 watt en vier warmgrijze lampen.
- Basic.Space — curatoriële galerij op wit marmer
- COS — een trendy galerie met witte muren