A linguagem visual do design começa com um acolhedor destaque em amarelo, presente em áreas de ação, na faixa do contador de impacto e em outras superfícies de alta ênfase. Cartões e sobreposições brancos funcionam como um contraponto consistente, tornando as quatro categorias de apoio e o painel sobreposto de atividades legíveis mesmo contra planos de fundo fotográficos. O texto preto e o corpo tipográfico sem serifa compacto mantêm a informação direta, enquanto títulos grandes em negrito garantem destaque evidente no início de cada seção principal.
A fotografia não se limita à seção hero. Imagens da comunidade reforçam a seção de atividades recentes, a visão geral dos países, os cartões de programas, a galeria e o plano de fundo dos depoimentos, criando uma ponte contínua entre a mensagem da organização e provas visuais focadas nas pessoas. Chamadas para ação arredondadas, ícones circulares na lista de valores, emblemas circulares de métricas e legendas brancas sobrepostas conferem às diferentes seções um padrão compartilhado de formas e acabamentos. O rodapé escuro traz um forte contraste final, preservando o mesmo propósito informativo.
Como a paleta, a hierarquia tipográfica, o tratamento visual e a estrutura dos cartões se repetem nos programas, valores, formas de engajamento e canais de contato, o design consegue firmar uma identidade reconhecível para além da tela de abertura. Sua direção visual transmite solidariedade e foco humano sem recorrer apenas a enfeites: a cor destaca os pontos de interação, a fotografia fornece contexto e o espaçamento organiza grupos densos de conteúdo. Este design de website se define, portanto, pela relação equilibrada entre detalhes quentes, imagens documentais, hierarquia firme e painéis modulares ao longo de toda a página.
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.