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

  1. Visibilidade do site

    É daqui que sai a identidade do site que o seu cliente vê. 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 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.

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

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

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

  7. Analisar logo

    Você clica na sugestão e as cores entram nos campos.

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

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

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

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

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

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

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

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