# Marca

Fonte: Figma do Design System T2 (extraído em 2026-10-12, última edição do arquivo em 2026-10-09). Site: https://design.t2.com.br.

A marca da T2 é a tradução visual dos princípios. Aplicada com consistência, passa confiança e clareza.

## Anatomia

O lockup principal tem quatro elementos: **símbolo** (bloco quadrado com o "T"; pode aparecer sozinho), **acento ciano** (único ponto de cor do lockup primário; nunca remover nem trocar de tom), **wordmark** ("T2" em bold, não pode ser substituído por outra fonte) e **registro ®** (obrigatório em comunicação externa).

## Lockups

| Lockup | Quando usar | Arquivo |
| --- | --- | --- |
| Compacta | Uso primário: símbolo + T2®. Produto, app, materiais didáticos e qualquer aplicação digital. | `compacta-padrao.png` |
| Horizontal | Símbolo + T2 educação®. Site institucional, capas de apresentações comerciais, cabeçalhos. | `horizontal-padrao.png` |
| Vertical | Símbolo sobre o wordmark. Formatos de largura limitada: carimbos, etiquetas, selos, certificados. | `vertical-padrao.png` |

## Variações de cor

Cada lockup tem tratamentos de cor para o fundo da aplicação: **padrão** (fundos claros; preto + acento ciano), **P&B** (fundos claros, monocromático), **negativa** (fundos escuros) e **stamp** (branco sólido, fundos escuros).

## Elemento gráfico (símbolo)

Só o símbolo, sem wordmark: favicons, avatares, watermarks. Três tratamentos: cor (fundos claros), preto e branco (fundos escuros).

## Arquivos

Todos os PNG são baixáveis em https://design.t2.com.br/brand/<arquivo>.

- `compacta-negativa.png`
- `compacta-padrao.png`
- `compacta-pb.png`
- `compacta-stamp.png`
- `elemento-branco.png`
- `elemento-cor.png`
- `elemento-preto.png`
- `horizontal-negativa.png`
- `horizontal-padrao.png`
- `horizontal-pb.png`
- `horizontal-stamp.png`
- `vertical-negativa.png`
- `vertical-padrao.png`
- `vertical-pb.png`
- `vertical-stamp.png`

## Área de respiro

Mínimo de 1X em todos os lados, onde X é a altura do símbolo. O ideal é 2X em aplicações de destaque. Em interfaces densas, 0,5X é aceitável se o logo continuar legível.

## Tamanho mínimo

- Digital: horizontal 32 px de altura; compacto 24 px. Abaixo disso, use apenas o símbolo.
- Impresso: horizontal 12 mm de altura; compacto 8 mm. Em offset, 300 dpi no mínimo.

## Usos incorretos

- Não esticar: mantenha a proporção.
- Não rotacionar.
- Não recolorir: só as cores autorizadas.
- Sem sombras, glow, gradientes ou efeitos decorativos.
- Contraste insuficiente: use a versão negativa em fundos escuros e saturados.
- Sobre fundo poluído: use uma faixa sólida atrás.

## Co-branding

A T2 vem primeiro na ordem de leitura, separada do parceiro por uma régua vertical de 1px (border/strong) com a altura do símbolo e 2X de espaço entre as marcas. Quando a T2 é apoio, use um rótulo conector ("apoio de", "em parceria com") em mono 11px.

## Aplicações físicas (referência de impressão)

Hex é cor de tela; impressão precisa de CMYK, e em serigrafia ou bordado da cor Pantone mais próxima, confirmada com o fornecedor. CMYK calculado por conversão direta do hex (ponto de partida).

| Cor | Hex | CMYK | Uso |
| --- | --- | --- | --- |
| `brand/primary` | `#00B8DB` | 100 · 16 · 0 · 14 | Cyan 500: destaques de marca, ilustrações e acentos |
| `action/accent/bg` | `#007595` | 100 · 21 · 0 · 42 | Cyan 700: ação de destaque e texto sobre fundo claro |
| `surface/canvas` | `#020617` | 91 · 74 · 0 · 91 | Slate 950: capas, rodapés e fundos escuros institucionais |
| `content/primary` | `#0A0A0A` | 0 · 0 · 0 · 96 | Neutral 950: texto principal |
| `chart/2` | `#00A6F4` | 100 · 32 · 0 · 4 | Sky 500: apoio em gráficos e peças |
| `status/success/fill` | `#008236` | 100 · 0 · 58 · 49 | Green: sucesso e aprovação |
| `status/warning/fill` | `#E17100` | 0 · 50 · 100 · 12 | Amber: atenção |
| `status/danger/fill` | `#E7000B` | 0 · 100 · 95 · 9 | Red: erro e urgência |

Serigrafia: prefira P&B ou stamp quando houver 1 ou 2 tintas; nunca aproxime o ciano com azul comum. Bordado: abaixo de ~40 mm use o símbolo sozinho e no máximo 2 cores de linha.

## Pendências

- O Figma (Foundation / Logos) lista 14 versões: Horizontal (padrão, P&B, negativa, stamp), Compacta (padrão, negativa, stamp), Vertical (padrão, P&B, negativa, stamp) e Símbolo (cor, branco, preto). Este site ainda publica também `compacta-pb.png`, que o Figma não lista.
- As cores de impressão acima são as da marca anterior; reconciliar com o Cyan do sistema.