header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: sobre estilos do site

3 min
Neste artigo
  • Crie consistência de cor
  • Otimize a tipografia do site
  • Defina a largura do site
  • Crie uma navegação atraente
O painel Estilos do site é um local único para gerenciar a tipografia, cores, transições de página e largura máxima do site. Criar um tema para o site do seu cliente é uma maneira prática e eficaz de economizar tempo e garantir que o design seja consistente. 

Crie consistência de cor

As cores do site são uma maneira criativa de fortalecer e refletir a marca do seu cliente. Use a aba Cores para gerenciar e personalizar cores e crie um tema coeso em todo o site.
Terminou de personalizar as cores do site? Você pode aplicar cores rapidamente aos elementos do Inspetor. Saiba mais sobre como trabalhar com cores do site
O inspetor está aberto para um elemento vetorial. Uma das caixas de cores está aberta e uma cor do tema foi aplicada.

Otimize a tipografia do site

O texto é uma parte essencial de um site, e você pode usar o design para reforçar a mensagem e o conteúdo da marca.
A aba Tipografia é uma ótima maneira de ajustar todos os aspectos do texto. Atualize fontes para aplicar rapidamente as alterações em todo o site ou personalize estilos de texto individuais (por exemplo: Cabeçalho 4, Parágrafo 1) para um design mais detalhado. Saiba mais sobre como trabalhar com tipografia
As opções de Editar texto estão abertas para o cabeçalho 6 no painel Estilos de site. O cursor está ativando a alavanca Dimensionar texto.

Defina a largura do site

Quer limitar o quanto os elementos aumentam em diferentes tamanhos de tela? Use a aba Largura máxima para definir o valor máximo
Isso impede que os elementos que você definiu para dimensionar proporcionalmente aumentem após uma determinada largura, para que você não precise se preocupar com componentes muito grandes ou conteúdo bloqueado. 
A aba largura máxima está aberta no painel de estilos do site.

Crie uma navegação atraente

As transições de página tornam a experiência de navegação mais atraente para os visitantes do site. Depois de aplicar o efeito, ele aparece em todas as páginas do site do seu cliente. 
Você pode aplicar um efeito Out-in na aba Transições de página. Não ficou como você queria no site online? Você pode removê-lo ao clicar em Nenhum.
Observação:
Você só pode ver as transições no site publicado. Elas não aparecem no modo de visualização.
Uma captura de tela do painel Estilos do site com a seção Transições da página aberta, selecionando a transição Out-in
O inspetor está aberto para um elemento vetorial. Uma das caixas de cores está aberta e uma cor do tema foi aplicada.
As opções de Editar texto estão abertas para o cabeçalho 6 no painel Estilos de site. O cursor está ativando a alavanca Dimensionar texto.
A aba largura máxima está aberta no painel de estilos do site.
Uma captura de tela do painel Estilos do site com a seção Transições da página aberta, selecionando a transição Out-in