Layouts e variantes do site

Name: Layouts e variantes do site
Uploaded: 2026-09-27T00:00:00-03:00
Duration: 4 min 21 s
Description: Neste vídeo você vai conhecer a tela Template do Site, onde escolhe o visual e o layout do seu site. É tudo em uma página só, de cima a baixo.

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:21

Neste vídeo você vai conhecer a tela Template do Site, onde escolhe o visual e o layout do seu site. É tudo em uma página só, de cima a baixo.

Capítulos

Este vídeo responde

Como mudar o visual do meu site?
Quais templates estão disponíveis?
Como escolher o layout do menu?
Posso colocar a logo no centro do topo?
Como ativar o carrossel de imagens no banner?
O que é o gradiente do hero?
Como mostrar a data nos cards de viagem?
Como personalizar as cores do rodapé?
Posso usar uma logo diferente só no rodapé?
Como fazer o banner da viagem aparecer em tela cheia?
Qual template combina com eventos noturnos?
Como deixar o site com visual mais limpo e minimalista?

#template #layout #visual #design #navbar #hero #banner #cards #rodape #footer #cores #logo #personalizacao #site #aparencia

Transcrição

Template do Site

É tudo em uma página só, de cima a baixo. No topo, o título Template do Site reúne todas as escolhas de aparência.
Escolha seu Template

Nada muda no site antes de você clicar em Salvar Template, no rodapé da tela. A primeira seção é Escolha seu Template, com oito visuais prontos: Clássico, Moderno Escuro e Luxo Dourado.
Os oito visuais

Cada card traz uma prévia, uma descrição curta e as marcações de para que tipo de negócio ele combina.
Barra de Navegação

Os outros cinco são Moderno Claro, Minimalista, Neon, Arco-Íris e Aurora. Alguns deles já vêm com o modo escuro ou claro definido, para o visual sair do jeito certo.
Banner Principal

Em Barra de Navegação você escolhe o layout do menu do topo: Logo Esquerda + Menu Direita, Logo Central, Logo Direita, Menu Abaixo e Menu Lateral. Muda a posição da logo e a distribuição dos itens de menu. Banner Principal define o banner da página inicial. São cinco estilos: Imagem de Fundo, Dividido (50/50), Vídeo de Fundo, Carrossel e Minimalista.
Gradiente e sombra

Quando o banner usa imagem, vídeo ou carrossel, Ativar gradiente escurece um pouco a foto para o texto ficar legível. Você decide onde isso vale, em Ambos, Só Desktop ou Só Mobile, e Sombra no texto reforça as letras do banner.
Movimento da imagem

Em Movimento da Imagem a foto de fundo faz um zoom lento, volta ao ponto de partida e recomeça. Escolha entre Sem movimento, Suave, Médio e Forte.
Carrossel e slides

Se você marcar Carrossel, o bloco Gerenciar Slides do Carrossel libera o botão Configurar Slides.
Cards de Viagem

É lá que você cadastra as imagens que vão passar no banner. Cards de Viagem decide como as viagens aparecem nas listagens do site.
Datas nos cards

São seis formatos: Vertical, Horizontal, Compacto, Destaque, Imagem Completa e Imagem Grande. Abaixo da grade, três chaves cuidam das datas.
Banner da Página de Viagem

Mostrar badge de data nos cards põe o dia e o mês na ponta da imagem, Mostrar data e hora de ida e volta detalha os dois horários, e Mostrar somente data de ida esconde a volta. Banner da Página de Viagem define como a capa aparece quando o cliente abre uma viagem: Hero ocupa o fundo inteiro, Vitrine centraliza um card, Split divide a tela e Minimal tira o destaque. Esse é o padrão da casa, e cada viagem pode ter o seu próprio na edição de conteúdo.
Rodapé

Por último, o Rodapé, com três estilos: Completo, com colunas de links, Compacto e Minimalista, só com uma linha. Escolha conforme a quantidade de informação que você quer no pé do site.
Cores do rodapé

A chave Personalizar as cores do rodapé abre os seletores de fundo, texto, título, ícones e borda, com um aviso de contraste. Desligada, o rodapé volta a usar as cores do template escolhido lá em cima.
Logo e prévia do rodapé

Em Logo do rodapé você usa uma versão diferente da logo só no pé do site, e Altura da logo ajusta o tamanho dela. A Prévia do rodapé mostra como vai ficar, e o botão Atualizar recarrega essa prévia com o que está na tela. Pronto, a tela fica em Vitrine, depois Template, e nada vai para o site antes de você clicar em Salvar Template. Até a próxima. Os dados deste vídeo são fictícios, criados só para a demonstração.

0:12 Template do Site É tudo em uma página só, de cima a baixo. No topo, o título Template do Site reúne todas as escolhas de aparência.

0:25 Escolha seu Template Nada muda no site antes de você clicar em Salvar Template, no rodapé da tela. A primeira seção é Escolha seu Template, com oito visuais prontos: Clássico, Moderno Escuro e Luxo Dourado.

0:41 Os oito visuais Cada card traz uma prévia, uma descrição curta e as marcações de para que tipo de negócio ele combina.

0:55 Barra de Navegação Os outros cinco são Moderno Claro, Minimalista, Neon, Arco-Íris e Aurora. Alguns deles já vêm com o modo escuro ou claro definido, para o visual sair do jeito certo.

1:11 Banner Principal Em Barra de Navegação você escolhe o layout do menu do topo: Logo Esquerda + Menu Direita, Logo Central, Logo Direita, Menu Abaixo e Menu Lateral. Muda a posição da logo e a distribuição dos itens de menu. Banner Principal define o banner da página inicial. São cinco estilos: Imagem de Fundo, Dividido (50/50), Vídeo de Fundo, Carrossel e Minimalista.

1:38 Gradiente e sombra Quando o banner usa imagem, vídeo ou carrossel, Ativar gradiente escurece um pouco a foto para o texto ficar legível. Você decide onde isso vale, em Ambos, Só Desktop ou Só Mobile, e Sombra no texto reforça as letras do banner.

1:57 Movimento da imagem Em Movimento da Imagem a foto de fundo faz um zoom lento, volta ao ponto de partida e recomeça. Escolha entre Sem movimento, Suave, Médio e Forte.

2:09 Carrossel e slides Se você marcar Carrossel, o bloco Gerenciar Slides do Carrossel libera o botão Configurar Slides.

2:20 Cards de Viagem É lá que você cadastra as imagens que vão passar no banner. Cards de Viagem decide como as viagens aparecem nas listagens do site.

2:35 Datas nos cards São seis formatos: Vertical, Horizontal, Compacto, Destaque, Imagem Completa e Imagem Grande. Abaixo da grade, três chaves cuidam das datas.

2:53 Banner da Página de Viagem Mostrar badge de data nos cards põe o dia e o mês na ponta da imagem, Mostrar data e hora de ida e volta detalha os dois horários, e Mostrar somente data de ida esconde a volta. Banner da Página de Viagem define como a capa aparece quando o cliente abre uma viagem: Hero ocupa o fundo inteiro, Vitrine centraliza um card, Split divide a tela e Minimal tira o destaque. Esse é o padrão da casa, e cada viagem pode ter o seu próprio na edição de conteúdo.

3:14 Rodapé Por último, o Rodapé, com três estilos: Completo, com colunas de links, Compacto e Minimalista, só com uma linha. Escolha conforme a quantidade de informação que você quer no pé do site.

3:30 Cores do rodapé A chave Personalizar as cores do rodapé abre os seletores de fundo, texto, título, ícones e borda, com um aviso de contraste. Desligada, o rodapé volta a usar as cores do template escolhido lá em cima.

3:46 Logo e prévia do rodapé Em Logo do rodapé você usa uma versão diferente da logo só no pé do site, e Altura da logo ajusta o tamanho dela. A Prévia do rodapé mostra como vai ficar, e o botão Atualizar recarrega essa prévia com o que está na tela. Pronto, a tela fica em Vitrine, depois Template, e nada vai para o site antes de você clicar em Salvar Template. Até a próxima. Os dados deste vídeo são fictícios, criados só para a demonstração.