Etecs

Diretrizes que ajudarão a determinar a melhor maneira de usar o logotipo da Etec.

Conteúdo

• Conteúdo
• Uso geral
• Logo
  • Elenco de cores
    • Versão principal
    • Versão escura
    • Versão clara
  • Aplicação em Fundos
    • Versão principal
    • Versão escura
    • Versão clara
  • Uso específico
    • Título
    • Sub-Título
• Texto
  • Uso específico

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.

Logo

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-etec.

<span class="logo logo-etec">
  <span class="sr-only">Etec</span>
  <p>Escola Técnica Estadual</p>
</span>

Versão escura

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

<span class="logo logo-etec logo-dark">
  <span class="sr-only">Etec</span>
  <p>Escola Técnica Estadual</p>
</span>

Versão clara

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

<span class="logo logo-etec logo-light" style="background-color: #283337">
  <span class="sr-only">Etec</span>
  <p>Escola Técnica Estadual</p>
</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

Versão escura

Versão clara

Uso específico

Versão do logotipo usada para unidades específicas.

Título

Use o atributo data-title para exibir o título da unidade.

<span class="logo logo-etec" data-title="São Paulo">
  <!-- Para leitores de telas -->
  <h1 class="sr-only">Etec São Paulo</h1>
</span>

Sub-Título

Use o atributo data-sub-title para exibir o sub-título da unidade.

<span class="logo logo-etec" data-title="Santa Ifigênia" data-sub-title="São Paulo">
  <!-- Para leitores de telas -->
  <h1 class="sr-only">Etec Santa Ifigênia - São Paulo</h1>
</span>

Texto

Escreva “Etec” em texto simples em vez de incorporar o logotipo no texto.

• (Correto) Etec
• (Correto) Etecs
• (Errado) ETEC
• (Errado) Etec's

Abreviação

Quando possível, ao usar o nome “Etec”, procure incluir junto com <abbr>.

<abbr title="Escola Técnica Estadual">Etec</abbr>

Uso específico

Escreva "Etec-XX", substituindo pela sigla da unidade em questão.

• (Correto) Etec-SP
• (Errado) Etec-sp
• (Errado) etecsp

Abreviação

Quando possível, ao usar o nome da unidade “Etec-XX”, procure incluir junto com <abbr>.

<abbr title="Escola Técnica de São Paulo">Etec-SP</abbr>