Gabarito das páginas do evento

Estrutura e medidas para a equipe de arte criar as peças da página de cadastro e da página da transmissão. As medidas já aparecem marcadas em rosa nas prévias abaixo e nas próprias páginas, que funcionam de verdade: dá para trocar o idioma e testar o formulário.

Página de cadastro Página da transmissão Baixar gabaritos (.zip)

Versão de 06/10/2026 · medidas de referência · os formulários destas páginas não enviam nenhum dado

Como as páginas funcionam

A mesma estrutura serve para hoje e para o dia do evento. Até lá, a página da transmissão mostra a sala de espera com a data.

  1. 1

    Convite por e-mail

    A pessoa recebe o link da página de cadastro.

  2. 2

    Página de cadastro

    Preenche o formulário, escolhe presencial ou online e cria a senha.

  3. 3

    Confirmação

    Presencial: recebe os detalhes do evento. Online: recebe o acesso à transmissão.

  4. 4

    Página da transmissão

    Até o evento, a sala de espera. No dia, a transmissão em português e em inglês.

As duas páginas

As medidas já estão marcadas em rosa em cada prévia, no desktop e no celular. A prévia do celular está em tamanho real e dá para rolar dentro dela. Clique na prévia do desktop para abrir a página; lá, a barra embaixo troca entre Desktop e Celular e mostra cada estado.

Página de cadastro

Header, topo com a arte do evento, nome, data e local, formulário ao lado, informações do evento e rodapé.

Abrir a página

Desktop · tela de 1440 px

Celular · tamanho real, tela de 390 px · role dentro dele

Abrir a versão celular em tela cheia

Medidas desta página

PeçaDesktoptela de 1440 pxCelulartela de 390 px
Header80 px de altura64 px de altura
Logoaté 200 × 48 pxaté 140 × 36 px
Menuem textovira ícone
Arte do topo1920 × 700 px, com o texto por cima, à esquerda1080 × 1080 px, sem texto
Conteúdo1200 px no centro350 px, margens de 20 px
Formuláriocoluna de 480 px, ao lado do textolargura total, abaixo do texto
Informações e rodapéem texto, em 3 colunasem texto, em 1 coluna
Estados: Formulário Cadastro confirmado, presencial Cadastro confirmado, online

Página da transmissão

Header, escolha de idioma, capa da transmissão com a data em texto por cima e rodapé. Quem chega pelo link do e-mail entra com e-mail e senha.

Abrir a página

Desktop · tela de 1440 px

Celular · tamanho real, tela de 390 px · role dentro dele

Abrir a versão celular em tela cheia

Medidas desta página

PeçaDesktoptela de 1440 pxCelulartela de 390 px
Header80 px de altura64 px de altura
Logoaté 200 × 48 pxaté 140 × 36 px
Capa da transmissãoarte de 1920 × 1080 px; aparece com até 1200 pxa mesma arte; aparece com 350 × 197 px
Data e horaem texto, por cima da capaem texto menor, no mesmo lugar
Idiomaao lado do títuloabaixo do título
Tela de entrarcoluna de 420 pxlargura total (350 px)
Estados: Entrar Sala de espera

Telas

As páginas se adaptam à tela. A medida que importa é a largura; a altura é livre, a página rola.

Desktop

1440px de largura
  • Conteúdo centralizado em 1200 px
  • Header com 80 px de altura

Celular

390px de largura
  • Margens de 20 px dos dois lados
  • Header com 64 px de altura

Fundos e banners que vão de ponta a ponta: 1920 px de largura. Em telas menores aparece a faixa central, por isso o que é importante fica dentro dos 1200 px do meio.

Peças e medidas

Cada gabarito vem em SVG (camadas "arte" e "guias") e em PNG, com a medida no nome do arquivo.

PeçaMedidaObservaçõesGabarito
Header, desktop80 px de alturaLogo em até 200 × 48 px. Menu, idioma e botão ficam em texto.SVGPNG
Header, celular64 px de alturaLogo em até 140 × 36 px. O menu vira ícone.SVGPNG
Logo do eventoSVG ou PNG transparenteVersões para fundo claro e para fundo escuro.sem gabarito
Topo do cadastro, desktop1920 × 700 pxTexto e logo na parte esquerda da área central de 1200 px; a direita fica para o formulário. As laterais podem ser cortadas em telas menores.SVGPNG
Topo do cadastro, celular1080 × 1080 pxImagem sem texto. Nome, data, local e formulário vêm logo abaixo, em código.SVGPNG
Capa da transmissão1920 × 1080 pxFormato 16:9, aparece até o evento começar. Sem data e hora escritas na imagem. No celular é a mesma arte, reduzida.SVGPNG
Imagem de compartilhamento1200 × 630 pxPrévia do link no WhatsApp e no LinkedIn. Logo e nome no quadrado central.SVGPNG
Ícone da aba do navegador512 × 512 pxPNG transparente, só o símbolo.SVGPNG
Topo do e-mail convite1200 × 500 pxSó se o disparo for nosso. Aparece com 600 px de largura.SVGPNG
Fontes e coresArquivos ou nomesNome ou arquivo das fontes e cores em HEX.sem gabarito
Baixar todos os gabaritos (.zip)

Regras para a arte

O que vale para todas as peças

  • Textos, campos e botões ficam em código, não dentro da imagem, para funcionar no celular e nos dois idiomas.
  • As medidas são de referência; o layout final é ajustado pela nossa equipe na montagem.
  • O layout da transmissão ao vivo (player, idiomas e interação com o público) será definido depois do briefing. Por enquanto, a página mostra a sala de espera.
  • Formulário: basta o estilo de um campo, de um botão e de uma caixa de seleção. Os campos ainda serão definidos.
  • Cores, fontes e logo destas páginas de exemplo são provisórios. As marcações em rosa são só guias.

Como enviar

  • Ideal: link do Figma. Se não der, PSD (Photoshop) ou AI (Illustrator) com as camadas abertas, evitando a página inteira num JPG só.
  • Logo em SVG, fotos em JPG, elementos com transparência em PNG.
  • Nome ou arquivo das fontes e cores em HEX.