L'identité visuelle est d'abord portée par le contraste. Le rouge domine l'ouverture des « Sélections Nike de la semaine » sous la forme d'un aplat de campagne dynamique, tandis que les sections noires et prune foncé offrent aux mises en avant de la Nike Air Max 90/1 et de « Comparer le maintien léger » un cadre plus éditorial. Les textes de produits en blanc et les zones plus claires apportent une respiration visuelle, permettant aux photographies de chaussures et de vêtements de capter l'attention sans que chaque section ne paraisse d'une intensité excessive.
Plusieurs motifs unifient la page au-delà de sa palette chromatique. De grandes photographies de produits côtoient des descriptifs détaillés, des découpes circulaires encadrent les chaussures ainsi que des scènes de vie, et la superposition de clichés d'athlètes insuffle une dynamique de mouvement au sein de mises en page fractionnées par ailleurs très maîtrisées. L'espace dédié à la NikeCourt Maria s'appuie sur des photographies circulaires qui se chevauchent, tandis que la section entraînement mise sur un collage multi-images ; ces deux déclinaisons participent du même univers visuel tout en valorisant différemment leurs produits respectifs.
Une typographie de titrage condensée et de larges espacements parachèvent cette identité. Des titres tels que Nike Outburst, Nike Air Max 90/1, NikeCourt Maria et Collection Shine On constituent de solides repères visuels, tandis que les quatre avantages membres font évoluer l'ensemble vers une structure répétitive plus ordonnée. Ensemble, la palette, la typographie, le traitement des images, les contrastes et les espacements font de cette création un système de vente au détail athlétique immédiatement reconnaissable, loin d'une simple juxtaposition de blocs promotionnels.
Lorsque vous utilisez Créateur de conception de site Web, vous pourrez ajuster les couleurs, les polices, l'en-tête et le texte, la mise en page, les colonnes et autres éléments de conception, ainsi que le contenu et les images.
Utilisez les Paramètres du thème pour définir l'identité visuelle du site web, de ses pages à ses sections. Définissez les couleurs, les polices et la typographie globales afin que le site adopte la même orientation graphique, au lieu de styliser chaque page indépendamment.
Choisissez une palette de couleurs et une combinaison de polices adaptées au caractère du site web, puis peaufinez les titres (H1 à H6), le texte courant, les liens, les boutons, les citations, les listes et les autres styles typographiques. L'utilisation cohérente de ces paramètres contribue à créer une hiérarchie visuelle claire et permet de reconnaître facilement les éléments graphiques récurrents sur l'ensemble du site.
Utilisez les Effets d'animation pour rendre le design du site web plus dynamique et interactif. Les éléments et conteneurs peuvent utiliser des effets tels que « Exécuter à l'affichage », « Animation au survol » et « Synchroniser l'animation avec le défilement » pour afficher du contenu lorsque les visiteurs naviguent sur le site ou en réponse à leurs interactions. Les préréglages d'animation offrent des effets prêts à l'emploi, adaptables au style visuel du site web.
Appliquez la même orientation graphique aux éléments partagés du site web, tels que l'en-tête, le menu et le pied de page. Le panneau de configuration du thème regroupe les commandes de style communes à l'ensemble du site, facilitant ainsi le maintien d'une apparence harmonieuse, même lorsque le site web s'étend sur plusieurs pages.
Ce processus fait de ce modèle un point de départ idéal pour créer un site web doté d'une identité visuelle cohérente, de couleurs et d'une typographie coordonnées, de règles de conception partagées et d'effets interactifs sur l'ensemble de ses pages.