Fatecs

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

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

<span class="logo logo-fatec">
  <span class="sr-only">Fatec</span>
  <p>Faculdade de Tecnologia</p>
</span>

Versão escura

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

<span class="logo logo-fatec logo-dark">
  <span class="sr-only">Fatec</span>
  <p>Faculdade de Tecnologia</p>
</span>

Versão clara

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

<span class="logo logo-fatec logo-light">
  <span class="sr-only">Fatec</span>
  <p>Faculdade de Tecnologia</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-fatec" data-title="São Paulo">
  <!-- Para leitores de telas -->
  <h1 class="sr-only">Fatec 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-fatec" data-title="Baixada Santista" data-sub-title="Rubens Lara">
  <!-- Para leitores de telas -->
  <h1 class="sr-only">Fatec Baixada Santista - Rubens Lara</h1>
</span>

Texto

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

• (Correto) Fatec
• (Correto) Fatecs
• (Errado) FATEC
• (Errado) Fatec's

Abreviação

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

<abbr title="Faculdade de Tecnologia">Fatec</abbr>

Uso específico

Escreva “Fatec-XX”, substituindo pela sigla da unidade em questão.

• (Correto) Fatec-SP
• (Errado) Fatec-sp
• (Errado) fatecsp

Abreviação

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

<abbr title="Faculdade de Tecnologia de São Paulo">Fatec-SP</abbr>