Viagilize Vídeos

Aparência do site

Viagilize

Tutoriais oficiais · Site

Artigo

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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. 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.

  9. 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é.

  10. 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.

  11. 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.

  12. 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.

  13. 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.

  14. 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.