# Prodoo Media - Manual da Marca v1.1

## Referência rápida

- **Essência:** transformar estratégia em imagem, ritmo e presença.
- **Assinatura verbal:** Marcas que se movem.
- **Cores dominantes:** Preto Prodoo `#000000` e Branco Luz `#FFFFFF`.
- **Acento:** Amarelo Frame `#FFC300`.
- **Superfície padrão:** fundo preto, texto branco e amarelo nos pontos de destaque.
- **Tipografia:** Helvetica Bold para impacto; Helvetica/Arial para leitura.
- **Voz:** direta, inquieta, precisa e humana.

## 1. Estratégia de marca

### Posicionamento

A Prodoo Media é uma produtora audiovisual e parceira criativa que traduz estratégia em narrativas de alto impacto. A marca ocupa o encontro entre direção, tecnologia e cultura visual.

### Promessa

Criar imagens que não apenas explicam uma ideia: fazem essa ideia ser sentida, lembrada e compartilhada.

### Personalidade

| Traço | Somos | Não somos |
|---|---|---|
| Ousada | Fazemos escolhas claras e autorais | Barulhentos sem intenção |
| Precisa | Cada corte, palavra e detalhe tem função | Frios ou excessivamente técnicos |
| Inquieta | Experimentamos novas linguagens | Reféns de tendências passageiras |
| Próxima | Falamos de pessoa para pessoa | Informais a ponto de perder rigor |

## 2. Logotipo

### Versões aprovadas

- **Horizontal branca:** principal sobre fundos pretos ou imagens escuras.
- **Horizontal preta:** principal sobre fundos brancos ou cinza-claro.
- **Símbolo branco:** avatar, marca d’água e espaços compactos escuros.
- **Símbolo preto:** avatar, selo e espaços compactos claros.
- **Versão vertical branca sobre preto:** capas e aplicações institucionais.

### Área de proteção

Use como módulo `x` a largura visual da interseção central do símbolo. Preserve no mínimo `1x` em todos os lados. Nenhum texto, borda ou imagem de alto contraste deve invadir essa área.

### Tamanho mínimo

| Aplicação | Assinatura completa | Símbolo |
|---|---:|---:|
| Digital | 120 px de largura | 32 px |
| Impresso | 35 mm de largura | 10 mm |

### Usos incorretos

- Não distorcer, inclinar, recortar ou reorganizar.
- Não aplicar sombras, contornos, gradientes ou transparência.
- Não recolorir fora de preto ou branco.
- Não usar a versão branca em fundo claro nem a preta em fundo escuro.
- Não aplicar sobre áreas visualmente ocupadas sem uma superfície de proteção.

## 3. Sistema de cor

| Nome | Hex | RGB | Papel |
|---|---|---|---|
| Preto Prodoo | `#000000` | 0, 0, 0 | Fundo dominante, autoridade e contraste |
| Branco Luz | `#FFFFFF` | 255, 255, 255 | Texto principal e respiro |
| Amarelo Frame | `#FFC300` | 255, 195, 0 | Ação, destaque, tempo e energia |
| Cinza Cromo | `#A5AEB3` | 165, 174, 179 | Informação secundária e superfícies técnicas |
| Verde Profundo | `#395250` | 57, 82, 80 | Apoio editorial e contraste sóbrio |

### Proporção recomendada

- 65% Preto Prodoo
- 25% Branco Luz
- 7% Amarelo Frame
- 3% Cinza Cromo ou Verde Profundo

### Regra de aplicação

O preto é a superfície padrão em apresentações, peças sociais, imagens, cartões digitais, aberturas, encerramentos e outras mídias de marca. Use texto branco para a informação principal e Amarelo Frame apenas nos pontos que orientam o olhar.

Assinaturas de e-mail, papéis timbrados, propostas e outros documentos voltados à leitura prolongada ou à impressão podem usar fundo branco e texto preto. O QR code deve permanecer preto sobre uma área branca para preservar a leitura. Lower thirds mantêm transparência fora das faixas para funcionar sobre a imagem do vídeo.

### Acessibilidade

- Branco sobre preto e preto sobre branco atingem contraste máximo.
- Preto sobre amarelo é a combinação preferencial para botões e destaques.
- Amarelo não deve receber texto branco e não deve ser usado como texto pequeno sobre branco.
- Cinza e verde são apoio; para textos longos, prefira branco ou preto.

## 4. Tipografia

### Famílias

```css
--font-display: "Helvetica Prodoo", "Helvetica Neue", Arial, sans-serif;
--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
```

### Hierarquia digital

| Elemento | Peso | Desktop | Mobile | Entrelinha |
|---|---:|---:|---:|---:|
| Display | 700 | 96–160 px | 56–80 px | 0.88–0.95 |
| H1 | 700 | 72 px | 48 px | 0.95 |
| H2 | 700 | 48 px | 36 px | 1.00 |
| H3 | 700 | 28 px | 24 px | 1.10 |
| Corpo | 400 | 18 px | 16 px | 1.55 |
| Legenda | 700 | 12 px | 12 px | 1.20 |

### Regras

- Títulos podem usar caixa alta e tracking negativo para impacto.
- Textos corridos devem permanecer em caixa normal e com no máximo 70 caracteres por linha.
- Amarelo destaca palavras ou números; não substitui a hierarquia tipográfica.
- Evite mais de três tamanhos de texto na mesma composição.

## 5. Linguagem gráfica

O sistema nasce do próprio símbolo: dois círculos, uma zona de interseção e linhas diagonais. Esses elementos viram enquadramentos, máscaras, transições e padrões.

- **Círculos:** conexão entre estratégia e execução.
- **Interseção:** território onde a Prodoo transforma ideia em imagem.
- **Diagonais:** ritmo, edição e movimento.
- **Frames e coordenadas:** precisão de produção.
- **Blocos amarelos:** ponto de atenção; um por composição sempre que possível.

## 6. Movimento e imagem

### Movimento

- Entradas diretas, com aceleração e parada precisas.
- Cortes guiados por som, gesto ou mudança de escala.
- Duração sugerida de microtransições: 180–300 ms.
- Tipografia pode entrar por máscara, corte ou deslocamento lateral.
- Respeitar `prefers-reduced-motion` em experiências digitais.

### Fotografia e vídeo

- Contraste profundo e pretos preservados, sem esmagar detalhes importantes.
- Luz recortada, textura real e enquadramentos com intenção.
- Movimento de câmera motivado pela narrativa.
- Pessoas devem parecer presentes, não excessivamente posadas.
- Evitar filtros genéricos, saturação indiscriminada e bancos de imagem artificiais.

## 7. Voz e tom

### Princípios

- Começar pela ideia central.
- Usar verbos ativos e frases curtas.
- Trocar superlativos por provas, imagens e resultados.
- Falar de criação com clareza, sem jargão desnecessário.

### Exemplos

| Contexto | Tom | Exemplo |
|---|---|---|
| Institucional | Confiante e sintético | “Ideias ganham forma. Marcas ganham movimento.” |
| Projeto | Curioso e preciso | “Encontramos o gesto que transforma a mensagem em cena.” |
| Social | Vivo e próximo | “Do primeiro frame ao último corte.” |
| Comercial | Direto e colaborativo | “Você traz o desafio. A gente constrói a imagem que fica.” |

## 8. Aplicações

- Use o símbolo isolado em avatares e marcas d’água.
- Em vídeos, preserve 5% de margem segura para a assinatura.
- Em lower thirds, preserve a transparência do quadro e use faixa preta, texto branco e uma única faixa amarela.
- Em social, mantenha informação essencial dentro dos 80% centrais.
- Em social, imagens, cartões digitais, aberturas e encerramentos, use fundo preto, texto branco e amarelo como acento.
- Em apresentações, use fundo preto em todos os slides, texto branco e amarelo para destacar a hierarquia.
- Em assinaturas de e-mail, papéis timbrados, propostas e documentos formais, o fundo branco é permitido para favorecer leitura e impressão.

## 9. Checklist de aprovação

- [ ] A versão do logo contrasta com o fundo.
- [ ] A peça usa fundo preto por padrão ou se enquadra em uma exceção funcional documentada.
- [ ] Área de proteção e tamanho mínimo foram respeitados.
- [ ] A composição usa apenas cores aprovadas.
- [ ] O amarelo funciona como acento, não como ruído.
- [ ] A hierarquia tipográfica é clara em três segundos.
- [ ] Imagens e movimento reforçam a ideia central.
- [ ] Texto, controles e estados atendem ao contraste recomendado.
- [ ] A peça ainda parece Prodoo sem depender do logo.