Assessoria de Planejamento Estratégico de Comunicação
4. Barra de Identidade
A barra de identidade tem o propósito de traduzir o conceito de unidade entre órgãos e entidades, de padronizar e integrar sites e portais que fazem parte da administração municipal, além de estabelecer critérios que devem ser respeitados para dar destaque e visibilidade à marca do governo deste Município e sem comprometer o conceito estético dos locais em que será aplicada. A barra cumpre a função de comunicação ao destacar o nome desta Prefeitura e do órgão ou entidade integrada. Somente utilizarão a barra de identidade os sites, os portais e as páginas que não forem exclusivamente de serviços – ambiente que possui layout exclusivo.
Altura total da barra deve ser de 28px.
Altura total da DIV contendo a frase "Prefeitura de São José dos Campos" deve ser de 10px e 2px de padding-bottom. Utilizar a classe "barra_ident_pmsjc_prefeitura", ver código abaixo.
Altura total da DIV contendo o "ESPAÇO PARA COLOCAR O NOME DO ORGÃO RESPONSÁVEL" deve ser de 14px e 2px de padding-top. Utilizar a classe "barra_ident_pmsjc_titulo", ver código abaixo.
Barra de Identidade deve possuir a largura de 100% e a DIV com o conteúdo deve possuir a largura de 1000px e ser centralizada.
DIV com a frase "Prefeitura de São José dos Campos" e o "ESPAÇO PARA COLOCAR O NOME DO ORGÃO RESPONSÁVEL" deve ter a largura de 850px.
DIV com a logo da Prefeitura da Cidade de São José dos Campos deve ter a largura de 150px.
A imagem de fundo da Barra de Identidade está disponível no arquivo de exemplo, e também pode ser incorporada por meio do link http://servicos.sjc.sp.gov.br/padrao/imagens/barra_sup.jpg.
DIV com a frase "Prefeitura de São José dos Campos" deve seguir o estilo da classe "barra_ident_pmsjc_prefeitura", ver código abaixo.
DIV com o "ESPAÇO PARA COLOCAR O NOME DO ORGÃO RESPONSÁVEL" deve seguir o estilo da classe "barra_ident_pmsjc_titulo", ver código abaixo.
A imagem da DIV com a logo da Prefeitura da Cidade de São José dos Campos está disponível no arquivo de exemplo, e também pode ser incorporada por meio do link http://servicos.sjc.sp.gov.br/padrao/imagens/logo.png.
Código HTML da Barra de Identidade
<!-- Barra de identidade da PMSJC: inicio -->
<div id="div_pmsjc_barra_identidade" class="barra_ident_pmsjc_geral">
<div class="barra_ident_pmsjc_conteudo">
<div class="barra_ident_pmsjc_textos">
<div class="barra_ident_pmsjc_titulo">
<!-- ESPAÇO PARA COLOCAR O NOME DO ORGÃO RESPONSÁVEL -->
<!-- EXEMPLO -->Nome do orgão responsável
<!-- ESPAÇO PARA COLOCAR O NOME DO ORGÃO RESPONSÁVEL -->
</div>
<div class="barra_ident_pmsjc_prefeitura">
<a href="http://www.sjc.sp.gov.br" title="Prefeitura Municipal de São José dos Campos">
Prefeitura Municipal de São José dos Campos
</a>
</div>
</div>
<div class="barra_ident_pmsjc_prefeitura_logo">
<a href="http://www.sjc.sp.gov.br">
<img src="http://servicos.sjc.sp.gov.br/padrao/imagens/logo.png" width="20" height="20" alt="Prefeitura Municipal de São José dos Campos" title="Prefeitura Municipal de São José dos Campos">
</a>
</div>
</div>
</div>
<!-- Barra de identidade da PMSJC: fim -->
Link para o CSS da Barra de Identidade