Aqui temos guia de orientações sobre os  modelos de layout disponíveis pela Dype Soluções e informações visuais que necessitamos para a montagem de layout de um site.


O primeiro passo seria a escolha de algum dos modelos de layout abaixo:


A) Modelo “responsivo” 


Este modelo consiste em um cabeçalho contendo um logotipo, título e subtítulos do evento, data e local de realização. Um menu superior com as opções principais do site, e um menu secundário lateral esquerdo, texto de apresentação na capa e uma coluna de botões ao lado direito.


Exemplos:
- https://www.eng2022.agb.org.br
- https://www.simposio2022.anpepp.org.br
- https://www.encontro2022.sc.anpuh.org
- https://www.encontro2022.se.anpuh.org

 Para utilização deste modelo é necessário encaminhar uma imagem de cabeçalho com as seguintes especificações:

  • Tamanho: largura 1110px, altura entre 250px e 350px 
  • Formato: jpeg, webp, gif ou png.


Caso o evento não possua uma imagem de cabeçalho é possível enviar somente o logotipo nas especificações abaixo que o site irá incluir, automaticamente, as demais informações sobre o evento:

  • Tamanho: largura 247px, altura 120px. 
  • Formato: jpeg, webp, gif ou png.


Ainda sobre este modelo de layout, é possível:

1) Definir uma cor lisa para o menu superior (na falta de uma indicação, a sugeriremos a que melhor se encaixa com o cabeçalho enviado)

2) Definir uma cor lisa* (na falta de indicação, sugeriremos a que melhor se encaixar com o cabeçalho/logotipo enviado) ou imagem de fundo. Caso seja escolhida uma imagem de fundo, deve seguir as seguintes especificações:

  • Foto: Uma foto ou imagem estática, com direitos autorais concedidos ao evento, deve estar na proporção 1920px x 1080px. Formato: jpeg, webp, gif ou png.
  • Pattern / Estampa: Uma imagem que "repete" preenchendo todo o fundo do site, geralmente em tamanhos pequenos (menor que 100px x 100px), não excedendo a proporção máxima de 1920px x 1080px. Formato: jpeg, webp, gif ou png.

B) Modelo “fluid” 


Este modelo consiste em um cabeçalho contendo um logotipo, título e subtítulos do evento, data e local de realização. Um menu superior com as opções principais do site, um banner principal com imagens que irão se alternando, texto de apresentação na capa e uma coluna de botões ao lado direito.


Exemplos:

- https://www.2023.jirs.com.br

- https://www.pensabrasil.usp.br

- https://www.cbpot2024.sbpot.org.br 


Para utilização deste modelo é necessário encaminhar uma imagem de cabeçalho com as seguintes especificações:

  • Tamanho: largura 1920px, altura entre 250px e 350px. Para melhor efeito, concentrar a informação de forma centralizada num espaço de 1110px.
  • Formato: jpeg, webp, gif ou png.


Ainda sobre este modelo de layout, é possível:

1) Definir uma cor lisa para o menu superior (na falta de uma indicação, a sugeriremos a que melhor se encaixa com o cabeçalho enviado)

2) Definir imagens para o banner principal do site, que deverão seguir as seguintes especificações:

  • Tamanho: largura 1920px, altura entre 450px.
  • Formato: jpeg, webp, gif ou png.



Caso tenha dúvidas, entre em contato conosco pelo suporte@dype.com.br