Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpromoteurDéveloppement d'outils d'IA pour les entreprises. Haute qualité. Prix abordables.Écrire sur Telegram
Nike — un aperçu d'un site dans ce style

Nike

Une galerie monochrome d'exploits sportifs – murs blancs, le produit érigé en œuvre d'art, chrome fondu dans le décor

Nike.com fonctionne comme une galerie monochrome mettant en avant les produits: l’interface utilisateur est quasiment invisible, laissant les photos occuper tout l’écran. L’interface est entièrement composée de noir, de blanc et de trois nuances de gris – sans couleurs d’accent, sans dégradés décoratifs, sans la teinte chromée emblématique de Nike. Le style distinctif de la marque se retrouve dans le logo de la galerie et les photos, mais jamais dans l’interface elle-même. La typographie est compacte et fonctionnelle, utilisant une police Helvetica Now personnalisée de 12 à 20 px, avec un unique logo Nike Futura ND surdimensionné de 76 px pour les titres. Les éléments sont minimalistes: boutons en forme de pilule de 30 px de rayon, fiches produits plates, bordures fines et différences de hauteur quasi nulles. La page alterne entre des surfaces blanches immaculées et des sections éditoriales sombres et percutantes, créant un rythme par le contraste plutôt que par l’ornementation.

La page adopte un rythme éditorial affirmé: un en-tête sombre et percutant, occupant toute la largeur de l’écran, présentant un seul produit et un titre en grand format; suivi d’une grille de catégories 2x2 occupant également toute la largeur de l’écran; d’une grille de fiches produits à défilement horizontal sur trois colonnes; et enfin d’un pied de page dense à plusieurs colonnes. Tous les blocs de contenu occupent toute la largeur de l’écran, sans limite de largeur maximale pour les conteneurs; cette limite ne s’applique qu’à la navigation et à la grille de liens du pied de page. Les transitions entre les sections sont nettes: en-tête noir → grille de catégories blanche → grille de produits blanche → pied de page blanc, de fines bordures grises constituant la seule ligne de séparation visuelle. La navigation est une barre minimaliste à deux niveaux (liens auxiliaires en haut, catégories principales au centre), sans ancrage, sans remplissage de fond et sans ombre. La densité du contenu est compacte dans les grilles de produits (espacement réduit entre les fiches) et aérée dans l’en-tête (occupant toute la largeur de l’écran).

La photographie est l'élément visuel dominant et définit l'identité de la marque. Le système utilise des photos de produits plein format de haute qualité: des chaussures de sport photographiées individuellement sur un fond sombre ou dégradé, recadrées pour remplir le cadre, sans contexte de vie. Des images de style de vie apparaissent dans les catégories, mettant en valeur les pieds et les jambes d'athlètes en mouvement. Une palette de couleurs saturées et contrastées est utilisée: chaussures rouges sur fond noir, touches fluo sur semelles blanches et éclairages chauds et froids pour mettre en valeur les matières. Aucune illustration, aucun graphisme abstrait ni rendu 3D n'est utilisé. Les images ont toujours des bords nets (pas d'angles arrondis dans les conteneurs photo), occupent toujours tout l'espace de leurs blocs et sont toujours accompagnées d'un texte minimal. L'iconographie est purement fonctionnelle: des icônes minimalistes pour la recherche, la liste de souhaits, le panier et le compte, de couleur Obsidienne ou Acier.

Palette

Neutre

  • Obsidian #111111 — Les couleurs foncées mettent en valeur les textes et icônes neutres et créent un contraste marqué. Évitez de les utiliser comme couleur principale pour les appels à l'action.
  • Paper White #ffffff — Arrière-plan de la page, surface de la carte, texte du bouton sur fond sombre, contour de l'icône: le canevas par défaut pour les grilles de produits et les sections de catégories.
  • Concrete Gray #e5e5e5 — Bordures, séparateurs, lignes fines délimitant les sections de la grille, contours subtils des champs de saisie.
  • Soft Mist #f5f5f5 — Couleur de fond discrète pour les surfaces secondaires, remplissage du champ de recherche dans la navigation, arrière-plan des étiquettes.
  • Steel #707072 — Texte secondaire, texte d'aide discret, contours d'icônes réduits, étiquettes de fil d'Ariane, séparateurs de liens de pied de page.
  • Faint Gray #9e9ea0 — Les contours des icônes, les éléments mineurs de l'interface utilisateur et les bordures avec une mise en évidence minimale sont désactivés.

Typographie

de 12 à 76 px · 6 étapes

  • Helvetica Now Text Medium — remplacement: Inter · grandes lignes 500 · Police Helvetica Now Text Medium - trouvée dans les données extraites mais non décrite par l'IA.
  • Helvetica Now Text — remplacement: Inter or Helvetica Neue · grandes lignes 400, 500 · Le texte principal de l'interface utilisateur: liens de navigation, libellés des boutons, titres des cartes, noms des produits, listes de pied de page, tout le texte du corps du texte.
  • Helvetica Now Display Medium — remplacement: Inter Medium or Helvetica Neue Medium · grandes lignes 500 · Titres de section, étiquettes de catégorie de carte, titres de taille moyenne - La police moyenne (20-24px) est une caractéristique des titres Nike qui ne sont pas de grands éléments de design: jamais en gras, toujours concis.

Intervalles et forme

ButSignification
Densitédense
Étape de base8px
Rayon du bouton30px
Rayon de la carte0px
Ombresnon - des bordures à la place des ombres
Entre les sections48px
Largeur de la page1440px

L'IA construira votre site web dans le style Nike et le remplira.

  • Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
  • Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
  • Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
  • Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.

Styles similaires

  • Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
  • Apple (España) — Vitrine blanche pour galerie
  • Silencio — Une pièce blanche où flottent des objets. Une installation de galerie en papier aux tons chauds, où chaque élément se détache sur un fond en creux, et le silence qui y règne est un choix stylistique délibéré.
  • Oakâme — Un atelier provençal baigné de soleil, sculpté dans de la pierre chaude
  • Arc — Galerie blanche industrielle surplombant les eaux de minuit
  • Rivian — Un monolithe électrique sur le mur de béton de la galerie. Rivian présente chaque véhicule comme une sculpture se détachant sur un vaste espace blanc, avec une typographie si imposante qu'elle devient un élément architectural, et une unique touche de jaune chaud qui rompt l'atmosphère monochrome, telle la lumière du soleil sur une surface mate.
  • Analogue — Vitrine noire – les objets flottent dans le vide
  • ddna — Vitrine de musée chaude sur lin non traité
  • Zellerfeld — Un atelier de sculpteur sur marbre blanc — les surfaces monolithiques du piédestal, une unique étincelle de cobalt, un murmure de lettres minuscules du sol au plafond
  • UY Studio — La galerie en pierre du monastère est un espace paisible aux murs de béton, où des flacons de parfum reposent sur des socles blancs, éclairés par une lampe de 400 watts et quatre ampoules gris chaud.
  • Basic.Space — galerie de conservation sur marbre blanc
  • COS — une galerie branchée aux murs blancs