Aparência do site
Viagilize
Tutoriais oficiais · Site
Obrigado pelo aviso. O que faltou ou ficou confuso? (opcional)
Recebemos. Vamos rever este vídeo.
1 visualização · · 4:08
Neste vídeo você vai conhecer a tela Aparência, onde o seu site ganha a cara da sua marca. Cores, fontes, estilo do menu e modo claro ou escuro, com prévia antes de salvar.
Capítulos
Este vídeo responde
- Como mudo as cores do site?
- Como ativo o modo escuro no site?
- Como personalizo as fontes do site?
- Como deixo o site em construção?
- Como publico minhas excursões no Busca Excursões?
- Onde fica a aparência do site?
- Como escolho a paleta de cores?
- Como faço o preview antes de salvar?
- Por que o modo escuro não fica disponível?
- Como uso as cores da minha logo?
- Como tiro o botão Tirar Dúvidas do card?
- Como mudo a fonte dos títulos do site?
#aparencia #cores #paleta #fontes #tipografia #modoescuro #darkmode #navbar #menu #visibilidade #buscaexcursoes #preview #identidadevisual #site
Transcrição
-
Visibilidade do Site
Cores, fontes, estilo do menu e modo claro ou escuro, com prévia antes de salvar. O primeiro cartão é Visibilidade do Site.
-
Portal Busca Excursões
Com o interruptor desligado, quem visita vê uma página de site em construção, e só você, logado no sistema, continua vendo o site de verdade. Logo abaixo, Portal Busca Excursões publica as suas viagens num portal de busca gratuito. Ligando o interruptor, as viagens publicadas passam a aparecer lá e são atualizadas a cada 15 minutos, e em Ver portal você abre o portal para conferir.
-
Tipografia
Em Tipografia você escolhe as fontes do site: Fonte do corpo manda nos textos corridos e Fonte dos títulos, nos títulos. São mais de 120 fontes do Google Fonts, com busca por nome e um exemplo embaixo de cada campo, para você comparar antes de salvar. Cores do site é o coração da identidade visual, e tem dois jeitos de escolher.
-
Cores do site
Em Paletas prontas você clica numa das combinações já montadas, e Ver todas as 42 paletas abre o quadro inteiro. Se a sua marca tem cores exatas, clique em Cores da minha marca e digite os códigos em Cor principal e Cor de apoio.
-
Cores da minha marca
A principal manda nos botões, links e preços, e a de apoio, nos selos e detalhes. Em Analisar logo o sistema olha a sua logo e sugere combinações que funcionam com ela: você clica na sugestão e as cores entram nos campos.
-
Analisar logo
O contraste é conferido na hora, com um aviso quando a combinação dificulta a leitura. Do lado direito, Como fica no seu site mostra a prévia com os componentes de verdade, sem salvar nada.
-
Como fica no seu site
Claro e Escuro trocam o modo da prévia e Atualizar recarrega a imagem. Estilo do Menu define como o menu do site aparece.
-
Estilo do Menu
Gradiente deixa o menu com fundo colorido, usando as suas cores, e Clean deixa o menu branco no modo claro e escuro no modo escuro. Modo do Site diz se o site abre Somente Claro, Somente Escuro ou Automático, que segue a preferência do visitante e mostra um botão para alternar.
-
Modo do Site
Quando o template do seu site foi desenhado para um modo só, as opções que não servem ficam desabilitadas. Mais abaixo, o Preview monta uma página inteira com as suas escolhas, do menu ao rodapé.
-
Preview
É só visualização: nada aqui é salvo, serve para você conferir antes. Você vê os cards de viagem com o botão Reservar, o Botão Primário, o Botão Outline e o Link de texto, todos já nas suas cores.
-
Elementos do Site
Assim dá para perceber se o texto continua legível em cima da cor escolhida. A logo e os itens do menu que aparecem na prévia não vêm desta tela: eles saem de Identidade Visual e de Menu do Site, as telas vizinhas no menu Vitrine.
-
Logo e menu da prévia
No último bloco, Botões do card de excursão, você decide se o botão de WhatsApp Tirar Dúvidas aparece no card das viagens.
-
Botões do card de excursão
Marcando a opção, ele some do card, o que ajuda quando você já tem outro botão de contato ali. Salvar Aparência grava de uma vez as fontes, as cores, o estilo do menu e o modo do site. Os dois interruptores do topo são a exceção: eles valem na hora que você clica, sem precisar salvar.
-
Salvar Aparência
Pronto. A tela fica no menu Vitrine, em Aparência. Até a próxima. Os dados deste vídeo são fictícios, criados só para a demonstração.