Manual de Identidade Visual do Governo Federal na Internet

S EC OM/ P R Fe ve r e i r o d e 2012

Manual de Identidade Visual do Governo Federal na Internet

1.1 Introduo 1.2 Barra de Identidade Visual do Governo Federal na Internet 1.3 Propores e medies 1.4 Variantes de cor 1.5 Regras de aplicao 1.6 Usos indevidos 1.7 Exemplo - SECOM 1.8 Exemplo - Portal Brasil 1.9 Exemplo - Infraero 1.10 Exemplo - Ministrio da Educao

2 3 4 5 6 7 11 12 13 14

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.1

Introduo
Este manual detalha os procedimentos a serem seguidos por rgos e entidades do Poder Executivo Federal para insero da barra de Identidade Visual do Governo Federal na Internet em seus sites e portais. A barra constitui evoluo gr ca da anterior, mais sbria e pode ser utilizada nas cores azul, verde, amarelo, preto e cinza, identidade da marca "Brasil". A barra tem a funo 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 Instruo Normativa n 2, de 16 de dezembro de 2009.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.2
A barra deve ser preservada e apresentada em conformidade com o padro e normas deste manual.

Barra de Identidade Visual do Governo Federal na Internet

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.3

Propores e medies

Existem medidas para a aplicao da barra que devem ser seguidas; ao lado, exemplo das medidas principais

Linha amarela possui 1 pixel de altura, na cor # b400.

Linha verde possui 1 pixel de altura, na cor #006b0a. Altura de 28 pixels do total da barra.

103 pixels de largura.

Respiro em cima de 4 pixels entre o selo e o topo da barra. Altura de 23 pixels do selo.

A largura da barra deve ser 100% da largura de todo site, conforme exemplo na pgina 5.

A largura das duas linhas, verde e amarela, deve ir ate o limite da pgina do lado esquerdo, conforme exemplo na pgina 5.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.4

Variantes de cor
#004b82 RGB: 0, 80, 15

04

A barra apresenta variantes de uso que visa a no comprometer o conceito esttico dos locais em que ser aplicada. H 4 opes de cores para utilizao; o critrio de escolha livre. Ao lado, os cdigos das cores a serem utilizadas.

#00500f RGB: 0, 75, 130

#7f7f7f RGB: 127, 127, 127

#000000 RGB: 0, 0, 0

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.5

Regras de aplicao
As duas linhas devem estar alinhadas esquerda do site. O selo com o logotipo Brasil deve estar alinhado com o ltimo elemento direita do site.

O exemplo ao lado mostra como a barra deve ser aplicada. A cor de fundo (nesse caso foi aplicado o preto) deve estar em toda a rea da barra, respeitando a altura mxima descrita na pgina 3. O selo com o logotipo Brasil deve car alinhado com o ltimo elemento do site que estiver direita. As duas linhas, verde e amarela, devem comear alinhadas ao incio do site esquerda, como no exemplo ao lado. A largura da cor de fundo da barra deve ser de 100%.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.6

Usos indevidos

No se deve aplicar a barra com espaos acima dela. Ela deve estar alinhada ao topo, como demonstrado na pgina 5.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.6

Usos indevidos

No se deve aplicar a barra de forma que seus elementos quem desalinhados com o restante do site. Devem ser seguidos os padres de alinhamento, como demonstrado na pgina 5.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

1.6

Usos indevidos

No se deve aplicar a barra de forma interrompida. Ela deve equivaler a 100% do tamanho da tela, como demonstrado na pgina 5.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

10

1.6

Usos indevidos

No se deve aplicar a barra com a inverso de seus elementos. Eles devem seguir a ordem correta, como demonstrado na pgina 5.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

11

1.7

Exemplo - Secom

Exemplo de aplicao no site www.secom.gov.br.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

12

1.8

Exemplo - Portal Brasil

Exemplo de aplicao no site www.brasil.gov.br.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

13

1.9

Exemplo - Infraero

Exemplo de aplicao no site www.infraero.gov.br.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012

14

1.10

Exemplo - Ministrio da Educao

Exemplo de aplicao no site www.mec.gov.br.

Manual de Identidade Visual do Governo Federal na Internet

Fevereiro de 2012