Identidade Visual do Site

Name: Identidade Visual do Site
Uploaded: 2026-09-27T00:00:00-03:00
Duration: 4 min 52 s
Description: Neste vídeo você vai conhecer a tela Identidade Visual, onde se define a cara do seu site. Logo, banner, redes sociais e até o QR Code do seu endereço.

Viagilize

Tutoriais oficiais · Site

Testar grátis

Artigo

Obrigado pelo aviso. O que faltou ou ficou confuso? (opcional)

Recebemos. Vamos rever este vídeo.

1 visualização · 27 de setembro de 2026 · 4:52

Neste vídeo você vai conhecer a tela Identidade Visual, onde se define a cara do seu site. Logo, banner, redes sociais e até o QR Code do seu endereço.

Capítulos

Este vídeo responde

Como mudo a logo do site?
Como configuro o banner da página inicial?
Como adiciono redes sociais no rodapé?
Como gero o QR Code do meu site?
Como configuro o WhatsApp do site?
O que são estatísticas do Hero e para que servem?
Como faço para a logo aparecer maior no menu?
Posso usar uma imagem diferente no modo escuro?
Como oculto seções vazias da home?
Onde configuro o favicon do site?
Como baixo o QR Code em alta resolução?
Qual a diferença entre logo principal e logo modo escuro?

#logo #identidadevisual #branding #bannerhero #redessociais #qrcode #whatsapp #favicon #nomedosite #trabalheconosco #estatisticas #personalizacao #marca #aparencia #modoescuro

Transcrição

Visão geral

Logo, banner, redes sociais e até o QR Code do seu endereço. Identidade Visual reúne num formulário só tudo que dá identidade ao site público: logo, banner e redes sociais.
Nome do Site

Você desce cartão por cartão e, no fim, salva tudo de uma vez. Em Nome do Site você escreve como a sua empresa se chama.
Logo

Esse nome vai para o título das páginas no navegador e aparece no cabeçalho do site quando não há logo cadastrada. No cartão Logo ficam as imagens da marca.
Modo escuro e favicon

Logo Principal é a que aparece no cabeçalho do site e do painel, e em Trocar imagem você envia um arquivo novo e recorta na hora. Ao lado, Logo (Modo Escuro) é a versão usada quando o visitante está com o fundo escuro, e Favicon é o ícone da aba do navegador.
Logo no menu

As duas são opcionais: sem elas, a Logo Principal é reaproveitada. Em Exibição da Logo no Menu você tem um Preview do cabeçalho do site, que muda enquanto você mexe nos controles.
Tamanho e destaque da logo

As cores desse preview vêm da tela Aparência. Tamanho da Logo define a altura dela dentro do menu.
Banner Principal (Hero)

Adicionar Sombra destaca a logo em fundo claro, e Adicionar Fundo coloca uma caixa colorida atrás, útil para logo com transparência. Banner Principal (Hero) é a primeira coisa que o visitante vê ao abrir o seu site.
Estatísticas do banner

Em Imagem de Fundo você envia a sua própria foto, ou clica em Escolher da Galeria e aproveita uma das imagens prontas. Estatísticas do Hero (Histórico) são os números de antes do Viagilize: Viagens Realizadas e Clientes Satisfeitos.
Textos do banner

Eles são somados aos totais que o sistema já calcula sozinho, e Formato dos Números decide se o valor sai completo, em mil ou em k. Título Principal e Subtítulo são a mensagem de boas-vindas do banner.
Ajustes do banner

Texto do Botão é a chamada que leva o visitante para a lista de viagens. Tamanho do Título e Altura do Hero mudam a proporção do banner na tela.
O que mostrar no banner

Somente o banner deixa a imagem limpa, sem escurecimento nem textos, e em URL do Vídeo de Fundo você cola um link do YouTube ou do Vimeo, para quando o template do site usa vídeo. Aqui você liga ou desliga o que aparece sobre a imagem: Mostrar badge de viagens, Mostrar botões e Mostrar estatísticas. Com os botões ligados, você escolhe quais deles aparecem: Viagens, Ingressos ou WhatsApp.
Seções da Home

Em Seções da Home você decide o que fazer quando ainda não há conteúdo cadastrado. Marcando as opções, a seção Próximas Viagens, ou a Por Que Nos Escolher?, desaparece da página inicial em vez de mostrar os exemplos.
WhatsApp do Site

WhatsApp do Site é o número do botão flutuante, do rodapé e da página de contato. Em Usar WhatsApp da empresa ele vem do seu cadastro, e em Usar outro número você informa um telefone só para o site.
Redes Sociais

Em Redes Sociais você escolhe a rede na lista, cola o endereço em URL ou @usuario, escreve um Label opcional e clica em Adicionar. Os ícones aparecem no rodapé do site, na ordem em que você montar a lista aqui.
QR Code do Site

QR Code do Site monta na hora o código do endereço do seu site, ali ao lado. Em Cor do QR Code os atalhos Cor primária e Preto resolvem rápido, e em Cor de fundo você escolhe entre Branco e Transparente. Em Estilo os pontos ficam Quadrado, Arredondado ou Circular.
Estilo e download do QR Code

Escolha o Tamanho, até 4096 pixels para impressão, e leve o arquivo em Baixar PNG ou Baixar SVG. Em Trabalhe Conosco você cola o link da sua página de vagas, e o site passa a mostrar um botão flutuante para os candidatos.
Trabalhe Conosco e salvar

Por último, Salvar Configurações grava a tela inteira de uma vez: só depois disso as mudanças aparecem no site. Pronto. A tela fica em Vitrine, depois Identidade. Até o próximo vídeo. Os dados deste vídeo são fictícios, criados só para a demonstração.

0:14 Visão geral Logo, banner, redes sociais e até o QR Code do seu endereço. Identidade Visual reúne num formulário só tudo que dá identidade ao site público: logo, banner e redes sociais.

0:29 Nome do Site Você desce cartão por cartão e, no fim, salva tudo de uma vez. Em Nome do Site você escreve como a sua empresa se chama.

0:41 Logo Esse nome vai para o título das páginas no navegador e aparece no cabeçalho do site quando não há logo cadastrada. No cartão Logo ficam as imagens da marca.

0:54 Modo escuro e favicon Logo Principal é a que aparece no cabeçalho do site e do painel, e em Trocar imagem você envia um arquivo novo e recorta na hora. Ao lado, Logo (Modo Escuro) é a versão usada quando o visitante está com o fundo escuro, e Favicon é o ícone da aba do navegador.

1:11 Logo no menu As duas são opcionais: sem elas, a Logo Principal é reaproveitada. Em Exibição da Logo no Menu você tem um Preview do cabeçalho do site, que muda enquanto você mexe nos controles.

1:22 Tamanho e destaque da logo As cores desse preview vêm da tela Aparência. Tamanho da Logo define a altura dela dentro do menu.

1:37 Banner Principal (Hero) Adicionar Sombra destaca a logo em fundo claro, e Adicionar Fundo coloca uma caixa colorida atrás, útil para logo com transparência. Banner Principal (Hero) é a primeira coisa que o visitante vê ao abrir o seu site.

1:52 Estatísticas do banner Em Imagem de Fundo você envia a sua própria foto, ou clica em Escolher da Galeria e aproveita uma das imagens prontas. Estatísticas do Hero (Histórico) são os números de antes do Viagilize: Viagens Realizadas e Clientes Satisfeitos.

2:11 Textos do banner Eles são somados aos totais que o sistema já calcula sozinho, e Formato dos Números decide se o valor sai completo, em mil ou em k. Título Principal e Subtítulo são a mensagem de boas-vindas do banner.

2:21 Ajustes do banner Texto do Botão é a chamada que leva o visitante para a lista de viagens. Tamanho do Título e Altura do Hero mudam a proporção do banner na tela.

2:40 O que mostrar no banner Somente o banner deixa a imagem limpa, sem escurecimento nem textos, e em URL do Vídeo de Fundo você cola um link do YouTube ou do Vimeo, para quando o template do site usa vídeo. Aqui você liga ou desliga o que aparece sobre a imagem: Mostrar badge de viagens, Mostrar botões e Mostrar estatísticas. Com os botões ligados, você escolhe quais deles aparecem: Viagens, Ingressos ou WhatsApp.

2:58 Seções da Home Em Seções da Home você decide o que fazer quando ainda não há conteúdo cadastrado. Marcando as opções, a seção Próximas Viagens, ou a Por Que Nos Escolher?, desaparece da página inicial em vez de mostrar os exemplos.

3:14 WhatsApp do Site WhatsApp do Site é o número do botão flutuante, do rodapé e da página de contato. Em Usar WhatsApp da empresa ele vem do seu cadastro, e em Usar outro número você informa um telefone só para o site.

3:29 Redes Sociais Em Redes Sociais você escolhe a rede na lista, cola o endereço em URL ou @usuario, escreve um Label opcional e clica em Adicionar. Os ícones aparecem no rodapé do site, na ordem em que você montar a lista aqui.

3:46 QR Code do Site QR Code do Site monta na hora o código do endereço do seu site, ali ao lado. Em Cor do QR Code os atalhos Cor primária e Preto resolvem rápido, e em Cor de fundo você escolhe entre Branco e Transparente. Em Estilo os pontos ficam Quadrado, Arredondado ou Circular.

4:03 Estilo e download do QR Code Escolha o Tamanho, até 4096 pixels para impressão, e leve o arquivo em Baixar PNG ou Baixar SVG. Em Trabalhe Conosco você cola o link da sua página de vagas, e o site passa a mostrar um botão flutuante para os candidatos.

4:19 Trabalhe Conosco e salvar Por último, Salvar Configurações grava a tela inteira de uma vez: só depois disso as mudanças aparecem no site. Pronto. A tela fica em Vitrine, depois Identidade. Até o próximo vídeo. Os dados deste vídeo são fictícios, criados só para a demonstração.