A personalidade visual do bloco resulta da interação entre um painel branco discreto e uma fotografia ativa de obra. O título principal em estilo condensado, «Empreiteiro Geral», confere à área de texto uma identidade tipográfica marcante, enquanto o parágrafo sucinto mantém as informações de apoio num nível visualmente secundário. O tom laranja marca presença no apontamento circular e no botão arredondado de contacto, fazendo com que o ponto de ação pertença à mesma linguagem visual dos elementos gráficos, em vez de surgir como um controlo isolado.
A fotografia acrescenta a textura realista do setor que o painel branco não possui. A sua colocação a toda a altura produz um impacto visual robusto, enquanto a moderação da área textual impede que o cenário da obra dispute a atenção com o nome da especialidade apresentada. Numa perspetiva global do website, estas relações podem servir de guia para as secções circundantes: o laranja como cor de destaque, a tipografia condensada para cabeçalhos de destaque e os registos visuais de construção como contraponto atmosférico aos fundos brancos de conteúdo. Um único bloco não define todas as diretrizes de uma página web, mas aponta um rumo visual seguro. Esta secção é ideal como referência para replicar contraste, posicionamento de elementos de destaque, alinhamento de texto e o equilíbrio entre imagem e bloco em conteúdos do mesmo universo.
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.