De visuele identiteit wordt allereerst gedragen door contrast. Rood domineert de opening van de „Nike-keuzes van de week” als een energiek campagnevlak, terwijl zwarte en donkerpruimkleurige secties de onderdelen voor Nike Air Max 90/1 en „Vergelijk lichte ondersteuning” een meer redactionele setting geven. Witte productteksten en lichtere zones bieden visuele rust, waardoor de beeldtaal voor schoenen en kleding de belangrijkste blikvanger blijft zonder dat elk onderdeel even intens aanvoelt.
Verschillende motieven verbinden de pagina voorbij het kleurenpalet. Grote productfotografie staat naast beschrijvende teksten, ronde beelduitsneden omlijsten schoenen en lifestyle-scènes, en gelaagde beelden van atleten brengen een gevoel van beweging in verder strak gecontroleerde split-layouts. De NikeCourt Maria-sectie gebruikt overlappende ronde foto's, terwijl de trainingssectie een fotocollage benut; beide variaties behoren tot dezelfde overkoepelende beeldgedreven taal, terwijl ze hun productonderwerpen op een andere manier benadrukken.
Smalle display-typografie en royale tussenruimtes maken de identiteit compleet. Koppen zoals Nike Outburst, Nike Air Max 90/1, NikeCourt Maria en Shine On-collectie fungeren als sterke visuele ankerpunten, terwijl de vier lidmaatschapsvoordelen de identiteit transformeren naar een overzichtelijker, herhalend patroon. Samen zorgen kleurenpalet, typografie, beeldverwerking, contrast en spatiëring ervoor dat het design herkenbaar is als één atletisch retailsysteem in plaats van een verzameling losse promotieblokken.
Wanneer u Website Design Builder gebruikt, kunt u kleuren, lettertypen, koptekst en tekst, lay-out, kolommen en andere ontwerpelementen, evenals inhoud en afbeeldingen aanpassen.
Gebruik Thema-instellingen om de visuele basis van de website voor alle pagina's en secties vast te stellen. Stel algemene kleuren, lettertypen en typografie in, zodat de website dezelfde ontwerpstijl volgt in plaats van elke pagina afzonderlijk te stylen.
Kies een kleurenschema en lettertypecombinatie die passen bij het karakter van de website en verfijn vervolgens de kopteksten H1-H6, gewone tekst, links, knoppen, citaten, lijsten en andere typografische stijlen. Consistent gebruik van deze instellingen helpt bij het creëren van een duidelijke visuele hiërarchie en zorgt ervoor dat terugkerende ontwerpelementen herkenbaar blijven op de hele website.
Gebruik Animatie-effecten om het websiteontwerp dynamischer en interactiever te maken. Elementen en containers kunnen effecten zoals 'Uitvoeren bij weergave', 'Animatie bij hover' en 'Animatie synchroniseren met scrollen' gebruiken om content te tonen terwijl bezoekers door de site navigeren of om te reageren op gebruikersinteractie. Animatievoorinstellingen bieden kant-en-klare effecten die kunnen worden aangepast aan de visuele stijl van de website.
Pas dezelfde ontwerpstijl toe op gedeelde website-elementen zoals de header, het menu en de footer. Het Thema-instellingenpaneel brengt algemene stijlopties voor de hele site samen, waardoor het gemakkelijker is om een gecoördineerde look te behouden naarmate de website zich over meerdere pagina's uitbreidt.
Deze workflow maakt de template een handig startpunt voor het creëren van een website met een consistente visuele identiteit, gecoördineerde kleuren en typografie, gedeelde ontwerpregels en interactieve effecten op alle pagina's.