header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: sobre estilos do site

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