A secção afirma a sua identidade visual através de um conjunto reduzido de relações formais repetidas. Um grande retrato centralizado de um homem em oração situa-se acima do conteúdo, tornando a imagem o primeiro ponto de atenção. Logo abaixo, a tipografia preta marcante confere uma presença expressiva ao título do testemunho de fé, enquanto parágrafos de apoio compactos mantêm a mensagem escrita visualmente controlada. O fundo azul-claro serve de base principal, e formas brancas circulares e retangulares introduzem um subtil motivo geométrico em redor do conteúdo.
A área de texto em duas colunas estrutura ainda mais essa linguagem visual. O título e o primeiro parágrafo ocupam o lado esquerdo, enquanto o segundo parágrafo e o botão delimitado por contorno com o texto «Saber mais» criam um fecho orientado para a ação à direita. No seu conjunto, o retrato, o texto de elevado contraste, a superfície azul-clara, os apontamentos brancos, o botão com contorno e os espaçamentos amplos definem uma identidade visual coerente que pode ser reproduzida em blocos semelhantes, sem assumir que este bloco isolado define todo o website. No contexto do web design, o seu valor reside em proporcionar uma orientação visual serena e orientada pela fé através de escolhas criteriosas de paleta, tipografia, espaçamentos, formas e fotografia. A organização da imagem sobre o texto permite também que secções relacionadas partilhem um ritmo reconhecível, mantendo os seus próprios conteúdos.
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.