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 · · 3:53
Neste vídeo você vai conhecer a tela de Aparência, onde ficam as cores, as fontes e o visual do seu site. É daqui que sai a identidade do site que o seu cliente vê.
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?
#aparencia #cores #paleta #fontes #tipografia #modoescuro #darkmode #navbar #menu #visibilidade #buscaexcursoes #preview #identidadevisual #template
Transcrição
-
Visibilidade do site
É daqui que sai a identidade do site que o seu cliente vê. 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 e Fonte dos títulos, nos títulos. São mais de 120 fontes do Google Fonts, e os dois campos têm busca por nome.
-
Prévia das fontes
Embaixo de cada campo, um exemplo mostra como a fonte fica escrita, no texto corrido e no título. Assim você compara as fontes antes de salvar.
-
Cores do site
Cores do site é o coração da identidade visual: a cor principal manda nos botões, links e preços, e a cor de apoio, nos selos e detalhes. Em Paletas prontas você escolhe entre 42 combinações já montadas.
-
Cores da minha marca
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. O sistema calcula o contraste na hora e avisa quando a combinação dificulta a leitura. E em Analisar logo o sistema olha a sua logo e sugere combinações que funcionam com ela.
-
Analisar logo
Você clica na sugestão e as cores entram nos campos.
-
Prévia ao vivo
Do lado direito, a prévia mostra o seu site com as cores escolhidas, com os componentes de verdade. Claro e Escuro trocam o modo da prévia, e Atualizar recarrega a imagem.
-
Estilo do Menu
Estilo do Menu define como o menu do site aparece. 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
Modo do Site diz se o site abre Somente Claro, Somente Escuro ou Automático, que deixa o visitante escolher. Quando o template do seu site foi desenhado para um modo só, as opções que não servem ficam desabilitadas.
-
Preview
Mais abaixo, o Preview monta uma página inteira com as suas escolhas, do menu ao rodapé. É só uma visualização: nada aqui é salvo, serve para você conferir antes.
-
Botões na prévia
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. 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.
-
Identidade e menu
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
Ligando a opção, ele some do card, o que ajuda quando você já tem outro botão de contato ali. Os dois interruptores do topo salvam sozinhos, no momento em que você clica.
-
Salvar Aparência
Todo o resto desta tela só vale depois de clicar em Salvar Aparência, aqui embaixo. Pronto. A tela fica no menu Vitrine, em Aparência. Até o próximo vídeo.