---
slug: campos-de-cor
nome: Campos de cor
descricao: campos de cor chapada que trocam na batida, palavras gigantes com ponto colorido, formas geométricas
familia: SaaS e tecnologia
versao: 2
quando:
  - "vídeo de evento, festival ou lançamento com muita energia"
  - "abertura de canal ou showreel de motion design"
  - "reels com palavras gigantes e cores fortes"
  - "quero algo estilo Claude Design / motion de agência"
  - "anúncio curto com troca de cor a cada batida"
nao_serve:
  - "vídeo calmo, premium ou institucional (use apple-tipografico ou luxo)"
  - "interface de produto na tela (use saas-linear)"
---

# Campos de cor

Campos de cor chapada que **trocam na batida** (tinta `#101010`, vermelho `#F0442A`, azul `#2B3BF0`, lima `#DDFF3A`, creme `#F1EDE4`), cada um com **uma palavra gigante em Archivo Black** com um ponto colorido que cai no fim, ou uma **forma geométrica que se transforma** (círculo → flor → quadrado) ou um **asterisco de 12 raios girando**. Toda cena leva a assinatura visual do estilo: cantos de mira e micro-legenda em mono com código de tempo correndo. Serifa itálica só para a frase de apoio. Cortes secos, cortinas de cor e whips.

**Respiro (v2).** O campo de cor é o protagonista junto com a palavra, então ele precisa sobrar: **margem de 108 px (10%)** dos dois lados, herói com no máximo **760 px** de largura, **um motivo de forma por vez** (asterisco **ou** forma **ou** palavra, nunca dois) e **1 apoio** no máximo. Depois de cada golpe grande (palavra assentou, ponto caiu, forma abriu) a cena **segura 15–24 quadros (0,5–0,8 s)** antes de cortar. Cenas de 1,3–1,8 s.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = um plano.
2. **Escolha as batidas** em `receita.json`. Cada batida diz quanto dura e quais elementos servem.
3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): `de`/`ate` em quadros, `entrada`, `camadas` (elemento + props) e `sons`. Os cortes seguem a voz ou a batida da trilha (1 batida = 14.29 quadros).
4. **Renderize** com `<Montagem plano={...} arquivos={...} />`.
5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `CampoDeCor` | o campo chapado da cena com cantos de mira, micro-legenda e código de tempo; base de TODA cena | todas |
| `PalavraGigante` | palavra enorme, letra a letra esticada/desfocada, ponto colorido que quica | nome, data |
| `FormaGeometrica` | círculo→flor→quadrado girando (anel de 14 marcadores só com `anel: true`, sem legenda junto) | forma |
| `Asterisco` | 12 raios girando + anel + texto em órbita | gancho |
| `ListaRegua` | linhas com bolinhas que correm em réguas com curvas diferentes | lista |
| `FitaDeTexto` | faixas de cor com palavra repetida correndo; sozinha na cena (ela sangra de propósito) | lugar |
| `LegendaItalica` | frase de apoio em serifa itálica, revelada por máscara | apoio |
| `AssinaturaMarca` | logo + nome + ponto colorido + endereço | marca (última) |
| `Fundo`, `Camera`, `Cena` | o chão, a deriva da câmera e a janela de cada plano | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Degradê, textura, foto ou sombra: os campos são chapados.
- Brilho/glow em letra, flash branco, degradê roxo-azul.
- Mais de 2 cores de campo vizinhas iguais: toda cena troca de cor.
- Quadro cheio: palavra encostando na borda (margem < 108 px), herói mais largo que 760 px, dois motivos de forma juntos, mais de 1 apoio, lista com mais de 3 linhas.
- Corte logo depois do golpe: segure 15–24 quadros.
- Texto fora da área segura (168–1330 px, 108 px nas laterais); só o HUD fica perto da margem.
- Quadro parado: forma, asterisco, régua e faixas se mexem o tempo todo.