A linguagem de design começa com uma paleta controlada de preto, branco e fotografias em escala de cinza. Essa moderação permite que a apresentação da coleção Primavera-Verão 2019 se apoie no contraste, na escala e na fotografia, em vez de recorrer a cores vibrantes. Uma elegante tipografia display com serifa confere aos títulos principais um caráter editorial, enquanto os textos de apoio compactos e o nome da marca em maiúsculas criam um contraponto mais ajustado. O equilíbrio entre títulos expressivos e textos contidos repete-se por toda a página.
Painéis pretos tornam-se uma marca de identidade recorrente nas seções de posicionamento institucional e de história da marca Zara. Textos claros e botões de ação brancos destacam-se sobre esses fundos, enquanto molduras geométricas e um generoso espaço em branco mantêm as áreas escuras conectadas às seções claras divididas. A colagem de quatro imagens «O segredo do sucesso da Zara» e a colagem de reconhecimento com cinco imagens ampliam a linguagem visual através de registros de moda e produtos, mas sua disposição assimétrica impede que a página pareça um catálogo rígido.
A imagem de moda circular na seção histórica adiciona uma forma distinta às composições, predominantemente angulares. O bloco final «Siga-nos» preserva o mesmo contraste ao posicionar um formulário de contato ao lado de uma fotografia emoldurada. Do conteúdo sobre a coleção, a empresa e a história até a área de contato, a repetição da paleta de cores, da tipografia, do tratamento de imagem e dos espaçamentos cria uma direção de design reconhecível em todo o site.
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.