Editor do Wix Studio: sobre estilos do site
3 min de leitura
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.
Como faço para acessar os estilos do site?
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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/18/62d5b952-5ee8-48e6-94b3-b44d80f66538/01b5f236-1a41-48bb-88fc-a8275fe1e521.jpg)
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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/09/8e32be1d-d28c-461f-9106-33af53aa91fd/cd4e8140-0a7a-48db-b7dd-88b3d29d05ec.png)
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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/11/514449fc-b53b-4b75-a144-f196a816c7aa/07581f0d-36cb-45c0-8bd2-e9ef4679fd5e.jpg)
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.
![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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/11/c82f5f11-e05f-46a6-96ad-218a881254a9/c21ac73c-fb39-45f9-9857-cc846ae70fe9.jpg)