Embed Size (px)
Citation preview
Manual de Identidade Visual do Governo Federal na InternetSECOM/PR – Fevereiro de 2012
Manual de Identidade Visual do Governo Federal na Internet
1.1 Introdução
1.2 Barra de Identidade Visual do Governo Federal na Internet
1.3 Proporções e medições
1.4 Variantes de cor
1.5 Regras de aplicação
1.6 Usos indevidos
1.7 Exemplo - SECOM
1.8 Exemplo - Portal Brasil
1.9 Exemplo - Infraero
1.10 Exemplo - Ministério da Educação
2
3
4
5
6
7
11
12
13
14
Manual de Identidade Visual do Governo Federal na Internet Fevereiro de 2012
Manual de Identidade Visual do Governo Federal na Internet
Introdução1.1
Este manual detalha os procedimentos a serem seguidos por órgãos e entidades do Poder Executivo Federal para inserção da barra de Identidade Visual do Governo Federal na Internet em seus sites e portais.
A barra constitui evolução grá�ca da anterior, é mais sóbria e pode ser utilizada nas cores azul, verde, amarelo, preto e cinza, identidade da marca "Brasil".
A barra tem a função de identi�car, padronizar e integrar sites e portais do Governo Federal. À sua direita, deve constar a marca do Governo Federal, com link para o Portal de Estado do Brasil www.brasil.gov.br.
Seu uso está normatizado por meio da Instrução Normativa nº 2, de 16 de dezembro de 2009.
2
Fevereiro de 2012
A barra deve ser preservada e apresentada em conformidade com o padrão e normas deste manual.
Barra de Identidade Visual do Governo Federal na Internet
Manual de Identidade Visual do Governo Federal na Internet
3
1.2
Fevereiro de 2012
Proporções e medições
Existem medidas para a aplicação da barra que devem ser seguidas; ao lado,exemplo das medidas principais
Linha verde possui 1 pixel de altura, na cor #006b0a.
Linha amarela possui 1 pixel de altura, na cor #�b400.
103 pixels de largura.
Respiro em cima de 4 pixelsentre o seloe o topoda barra.
Altura de 23 pixelsdo selo.
Altura de 28 pixelsdo total da barra.
A largura da barra deve ser 100% da largura de todo site, conforme exemplo na página 5.
A largura das duas linhas, verde e amarela, deve ir ate o limite da página do lado esquerdo, conforme exemplona página 5.
Manual de Identidade Visual do Governo Federal na Internet
4
1.3
Fevereiro de 2012
04
Variantes de cor
A barra apresenta variantes de uso que visa a não comprometer o conceito estético dos locais em que será aplicada.
Há 4 opções de cores para utilização; o critério de escolha é livre.
Ao lado, os códigos das coresa serem utilizadas.
#004b82RGB: 0, 80, 15
#00500fRGB: 0, 75, 130
#7f7f7fRGB: 127, 127, 127
#000000RGB: 0, 0, 0
Manual de Identidade Visual do Governo Federal na Internet
5
1.4
Fevereiro de 2012
O exemplo ao lado mostra como a barradeve ser aplicada.
A cor de fundo (nesse caso foi aplicadoo preto) deve estar em toda a área da barra, respeitando a altura máxima descrita na página 3.
O selo com o logotipo “Brasil” deve �caralinhado com o último elementodo site que estiver à direita.
As duas linhas, verde e amarela, devem começar alinhadas ao início do site à esquerda, como no exemplo ao lado.
As duas linhas devem estaralinhadas à esquerda do site.
O selo com o logotipo “Brasil”deve estar alinhado com o último elemento à direita do site.
A largura da cor de fundo da barra deve ser de 100%.
Regras de aplicação
Manual de Identidade Visual do Governo Federal na Internet
6
1.5
Fevereiro de 2012
Não se deve aplicar a barra com espaços acima dela. Ela deve estar alinhada ao topo,como demonstrado na página 5.
Usos indevidos
Manual de Identidade Visual do Governo Federal na Internet
7
1.6
Fevereiro de 2012
Não se deve aplicar a barra de forma que seus elementos �quem desalinhados com o restante do site. Devem ser seguidos os padrões de alinhamento, como demonstrado na página 5.
Usos indevidos
Manual de Identidade Visual do Governo Federal na Internet
8
1.6
Fevereiro de 2012
Não se deve aplicar a barra de forma interrompida. Ela deve equivaler a 100% do tamanho da tela, como demonstrado na página 5.
Manual de Identidade Visual do Governo Federal na Internet
9
Usos indevidos 1.6
Fevereiro de 2012
Não se deve aplicar a barra com a inversão deseus elementos. Eles devem seguir a ordem correta, como demonstrado na página 5.
Manual de Identidade Visual do Governo Federal na Internet
10
Usos indevidos 1.6
Fevereiro de 2012
Exemplo - Secom
Exemplo de aplicação no sitewww.secom.gov.br.
Manual de Identidade Visual do Governo Federal na Internet
11
1.7
Fevereiro de 2012
Exemplo - Portal Brasil
Exemplo de aplicação no sitewww.brasil.gov.br.
Manual de Identidade Visual do Governo Federal na Internet
12
1.8
Fevereiro de 2012
Exemplo - Infraero
Exemplo de aplicação no sitewww.infraero.gov.br.
Manual de Identidade Visual do Governo Federal na Internet
13
1.9
Fevereiro de 2012
Exemplo - Ministério da Educação
Exemplo de aplicação no sitewww.mec.gov.br.
Manual de Identidade Visual do Governo Federal na Internet
14
1.10
Fevereiro de 2012
