Suporte ao cliente 24 horas por dia, 7 dias por semana Design do site

O bloco apresenta as vantagens da empresa por meio de um sistema visual coordenado, em vez de uma simples lista de serviços. Um título de destaque e uma ilustração de serviços em tons de verde e menta ocupam o lado esquerdo, enquanto quatro cartões de destaques formam uma grelha dois por dois à direita. Solução na Nuvem, Otimização de Velocidade, Marketing Online e Design de Websites utilizam, cada um, um ícone e uma ligação «Saber mais». O fundo cinzento-claro, os cartões brancos alternados, a tipografia preta e os apontamentos lineares a verde e preto repetem-se ao longo da composição. Em conjunto, estas opções conferem à secção um caráter visual distinto que contribui para um web design mais abrangente.

Ícones verdes e cartões brancos estabelecem uma linguagem visual reconhecível

A linguagem visual da secção resulta de relações consistentes entre cor, tipografia, ilustração e o tratamento dos cartões. O fundo cinzento-claro cria um plano discreto para o conteúdo, enquanto os cartões brancos alternados oferecem quatro superfícies distintas para Solução na Nuvem, Otimização de Velocidade, Marketing Online e Design de Websites. A tipografia preta confere solidez visual aos nomes dos serviços e ao título em negrito. Os ícones lineares a verde e preto refletem a ilustração de serviços em tons de verde e menta à esquerda, interligando o grupo de destaques à imagem de apoio, em vez de a encarar como um mero elemento decorativo.

Num design de website mais alargado, estas escolhas podem constituir uma expressão facilmente identificável da orientação visual do site. A estrutura de cartões dois por dois proporciona um padrão reutilizável para outras informações agrupadas, ao passo que o tratamento dos ícones e os apontamentos a verde servem de referência útil para secções afins. O bloco em si não dita toda a identidade do site; mostra, antes, como uma secção de destaques consegue articular contrastes, hierarquias de cor e elementos visuais consistentes dentro dos seus próprios limites. As ligações «Saber mais» mantêm-se visualmente subordinadas aos títulos dos destaques, preservando a hierarquia entre o título e a oferta apresentada. Quando as secções adjacentes replicam a tipografia escolhida, as cores de destaque ou o espaçamento dos cartões, este bloco conecta a mensagem de valor da empresa à linguagem visual global, sem abdicar da sua composição dividida.

Personalize com Nicepage

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.

Download

Editar modelo offline

1. Baixe e instale o aplicativo Nicepage para Windows e Mac. Ou os plugins WordPress e Joomla do página de download
2. Crie uma nova página ou selecione existente
3. Clique em Adicionar novo bloco, pesquise a id 2959748 e clique em entrar

Editar modelo online

Comece Construtor online este modelo em nossa hospedagem

Crie sites incríveis

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Construtor Nicepage grátis

Mais de 15.000 modelos

Arrastar e soltar fácil

Sem codificação

Compatível com dispositivos móveis

Palavras-chave

Crie um design consistente para todo o site

Defina um estilo visual para todo o site

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.

Coordene cores e tipografia

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.

Adicione movimento e interação

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.

Mantenha a Consistência 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.