Viagilize Vídeos

Paleta de Cores

Viagilize

Tutoriais oficiais · Site

Artigo

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 Aparência, onde ficam as cores, as fontes e o visual do seu site público. Nada aqui muda o painel: muda só o site que o cliente vê.

Capítulos

Este vídeo responde

  • Como mudo as cores do meu site?
  • Onde escolho a paleta de cores?
  • Como deixo meu site em construção?
  • Como ativo o modo escuro no site?
  • Posso usar a cor exata da minha marca?
  • Como publico minhas viagens no Busca Excursões?
  • Como troco a fonte dos textos do site?
  • Tem como ver como o site vai ficar antes de salvar?

#aparencia #cores #paleta #tipografia #fontes #modoescuro #darkmode #navbar #menu #visibilidade #buscaexcursoes #sitepublico #identidadevisual #preview

Transcrição

  1. Visibilidade do site

    Nada aqui muda o painel: muda só o site que o cliente vê. O primeiro bloco, Visibilidade do Site, liga e desliga o seu site para o público. Com ele desligado, quem entra vê uma página de site em construção, e só você, logado no painel, continua vendo o site normalmente.

  2. Portal Busca Excursões

    Abaixo, Portal Busca Excursões publica as suas viagens no buscaexcursoes.com.br, uma vitrine gratuita, e a atualização acontece sozinha a cada quinze minutos. Em Ver portal você abre o portal e confere como as suas viagens aparecem lá.

  3. Tipografia

    Em Tipografia você escolhe as fontes do site, entre mais de cento e vinte do Google Fonts: Fonte do corpo, para textos, descrições e valores, e Fonte dos títulos, para nomes de viagens e cabeçalhos. Embaixo de cada campo aparece uma frase de exemplo com a fonte escolhida. Em Cores do site você define a paleta: a cor principal pinta botões, links e preços, e a cor de apoio fica nos selos, etiquetas e detalhes.

  4. Cores do site

    São dois jeitos de escolher, Paletas prontas ou Cores da minha marca. Em Paletas prontas são quarenta e duas combinações já testadas, e o botão Ver todas as paletas abre a grade inteira. Clicando em uma paleta, as duas cores trocam de uma vez. Se a sua marca tem cor exata, abra Cores da minha marca e digite o código em Cor principal e em Cor de apoio. A tela avisa quando a cor escolhida fica difícil de ler, e em Analisar logo o sistema olha a sua logo e sugere combinações. Do lado direito, Como fica no seu site mostra uma prévia com componentes reais, antes de salvar. Claro e Escuro trocam o modo da prévia, e Atualizar recarrega. Em Estilo do Menu você escolhe a barra de navegação do site: Gradiente usa as suas duas cores e chama mais atenção, Clean fica branco no claro e escuro no escuro, deixando as fotos das viagens em destaque.

  5. Estilo do Menu

    Modo do Site decide o claro e o escuro: Somente Claro, Somente Escuro ou Automático, em que o visitante escolhe pelo botão do menu. Alguns templates funcionam em um modo só, e nesse caso a tela avisa e trava as outras opções.

  6. Modo do Site

    Mais abaixo, o Preview monta o seu site com as cores escolhidas: a capa, os Destinos em Destaque e os cards das viagens com o botão Reservar. É só visualização, nada aqui altera o site.

  7. Preview

    No fim da prévia, Elementos do Site mostra como ficam o Botão Primário, o Botão Outline e o Link de texto. E logo embaixo você lê os códigos das duas cores e o nome da Paleta selecionada. Botões do card de excursão tem uma chave só: Ocultar botão Tirar Dúvidas, que remove esse botão de WhatsApp dos cards das viagens. O botão geral de WhatsApp do menu continua no ar.

  8. Botões do card

    Nada disso vale antes de você clicar em Salvar Aparência. Só aí as cores, as fontes e os modos vão para o site.

  9. Salvar

    Pronto. A tela fica em Vitrine, depois Aparência. Até a próxima. Os dados deste vídeo são fictícios, criados só para a demonstração.