Governo do estado de São Paulo

Diretrizes que ajudarão a determinar a melhor maneira de usar o logotipo do Governo do estado de São Paulo.

Conteúdo

Uso geral

É importante seguir os procedimentos descritos, a fim de alcançarmos os objetivos propostos.

  • Por favor, não edite, altere, distorça, altere a cor ou reconfigure o logo.
  • Por favor, não tente embelezar nosso logotipo com sombras, padrões, fundos complexos ou joias de ouro elaboradas.

Confira recomendações de como utilizar o logotipo.

Elenco de cores

Cores variadas do logotipo para determinadas situações.

Versão principal

Usado sempre que possível e em fundos mais claros. Use as classes logo logo-governo-sp.

<span class="logo logo-governo-sp">
  <span class="sr-only">Governo do estado de São Paulo</span>
</span>

Versão escura

Usado em fundos mais claros. Basta acrescente a classe logo-dark.

<span class="logo logo-governo-sp logo-dark">
  <span class="sr-only">Governo do estado de São Paulo</span>
</span>

Versão clara

Usado em fundos mais escuros. Basta acrescente a classe logo-light.

<span class="logo logo-governo-sp logo-light">
  <span class="sr-only">Governo do estado de São Paulo</span>
</span>

Aplicação em Fundos

Procure aplicar nosso logotipo em fundos com cores do CPS Front-end. Confira nossa tabela de cores.

Versão principal

Fundo Branco

Fundo Cinza Claro Extra

Versão escura

Fundo Branco

Fundo Cinza Claro Extra

Versão clara

Fundo Cinza Escuro

Fundo Cinza Escuro Extra

Texto

Escreva “Governo do estado de São Paulo” em texto simples em vez de incorporar o logotipo no texto.

  • (Correto) Governo do estado de São Paulo
  • (Errado) Governo Do Estado De são paulo
  • (Errado) governo do estado de são Paulo

Abreviação

Caso necessite usar sigla “SP”, não deixe de incluir junto com <abbr>.

Governo do estado de SP 
Governo do estado de <abbr title="São Paulo">SP</abbr>