A identidade visual afirma-se, em primeiro lugar, através do contraste. O vermelho domina a abertura com as «Escolhas da semana da Nike» como um campo de campanha enérgico, ao passo que as secções a preto e ameixa-escuro conferem aos destaques das Nike Air Max 90/1 e de «Comparar suporte leve» um enquadramento mais editorial. O texto de produto em branco e as áreas mais claras criam respiros visuais, garantindo que as imagens de calçado e vestuário continuem a ser o foco principal sem tornar todas as secções excessivamente densas.
Vários elementos visuais articulam a página para além da sua paleta de cores. Grandes fotografias de produto surgem ao lado de textos descritivos, recortes circulares emolduram calçado e momentos de lifestyle, e a sobreposição de imagens de atletas introduz uma sensação de dinamismo em layouts divididos bastante controlados. O destaque das NikeCourt Maria recorre a fotografias circulares sobrepostas, enquanto a secção de treino aposta numa colagem de várias imagens; ambas as variações partilham a mesma linguagem visual ampla, conferindo diferentes ênfases a cada produto.
A tipografia display condensada e o espaçamento generoso rematam a identidade. Títulos como Nike Outburst, Nike Air Max 90/1, NikeCourt Maria e Coleção Shine On funcionam como marcadores visuais marcantes, enquanto a apresentação dos quatro benefícios de membro transporta a identidade para uma estrutura repetitiva mais ordenada. Em conjunto, a paleta, os tipos de letra, o tratamento de imagem, o contraste e o espaçamento tornam o design reconhecível como um sistema coeso de retalho desportivo e não apenas como uma soma de blocos promocionais dispersos.
Ao usar o Construtor de design de sites, você poderá ajustar cores, fontes, cabeçalho e base, layout, colunas e outros elementos de design, bem como conteúdo e imagens.
Use as Configurações do Tema para estabelecer a base visual do site em todas as suas páginas e seções. Defina cores, fontes e tipografia globais para que o site siga a mesma direção de design, em vez de estilizar cada página individualmente.
Escolha um esquema de cores e uma combinação de fontes que se adequem ao caráter do site e, em seguida, ajuste os títulos H1 a H6, o texto normal, os links, os botões, as citações, as listas e outros estilos de tipografia. O uso consistente dessas configurações ajuda a criar uma hierarquia visual clara e mantém os elementos de design recorrentes reconhecíveis em todo o site.
Use os Efeitos de Animação para tornar o design do site mais dinâmico e interativo. Elementos e contêineres podem usar efeitos como "Executar na Tela", "Animação ao Passar o Mouse" e "Animação Sincronizada com a Rolagem" para apresentar conteúdo à medida que os visitantes navegam pelo site ou respondem à interação do usuário. As predefinições de animação fornecem efeitos prontos que podem ser adaptados ao estilo visual do site.
Aplique a mesma direção de design a elementos compartilhados do site, como cabeçalho, menu e rodapé. O Painel de Configurações do Tema reúne controles de estilo comuns em todo o site, facilitando a manutenção de uma aparência coordenada à medida que o site se expande por várias páginas.
Esse fluxo de trabalho torna o modelo um ponto de partida útil para a criação de um site com identidade visual consistente, cores e tipografia coordenadas, regras de design compartilhadas e efeitos interativos em todas as suas páginas.