---
slug: cartaz-cinetico
nome: Cartaz cinético
descricao: cartazes de tipo que se transformam: uma palavra Anton por batida enchendo a tela, blocos de cor que trocam, rotação e eco
familia: Tipografia em movimento
versao: 1
quando:
  - "divulgação de festival, show, feira ou evento de rua com data"
  - "vídeo só de palavras: lista de atrações, frases de impacto, manifesto"
  - "abertura ou trailer de evento cultural"
  - "quero tipografia cinética, cartaz que se mexe, palavra gigante por batida"
nao_serve:
  - "vídeo com muitas fotos ou interface de produto"
  - "tom corporativo discreto, suave ou minimalista"
---

# Cartaz cinético

Cartaz de rua em movimento. **Anton em caixa alta, uma palavra por batida, esticada até encher a largura** (ou girada 90° para encher a altura), sobre **blocos de cor que trocam a cada corte** (vermelho, preto, azul, papel). A palavra bate de longe (scale 2,4 → 1 com sobra), a pilha de linhas **estica da esquerda**, a roleta gira palavras como caça-níquel, o eco repete a palavra em degraus (cheia, contorno, cheia) e um círculo vermelho vira quadrado girando. Marcas de registro de gráfica nos cantos e um selo giratório se repetem em todo vídeo.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases de uma palavra (ou duas curtas). Uma frase = um plano (uma palavra por batida, 14 a 30 quadros).
2. **Escolha as batidas** em `receita.json` (gancho → problema → virada → prova → lista → data → oferta → marca). Cada batida diz quanto dura e quais elementos servem.
3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): para cada cena, `de`/`ate` em quadros, a `entrada`, as `camadas` (elemento + props) e os `sons`. Os cortes seguem a voz (se houver) ou a batida da trilha: 1 batida = 14.5 quadros.
4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou escreva o TSX direto combinando `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
5. **Confira** os quadros (um por cena) contra `regras/`: área segura, nada cortado, cada palavra enche a largura, cores só da paleta, nenhum quadro parado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| CartazPalavra | uma palavra Anton que enche a largura (ou a altura, girada) e bate com sobra; traz o bloco de cor | gancho, problema, oferta |
| PilhaCartaz | linhas empilhadas, cada uma esticada até a largura, que esticam da esquerda | virada, problema |
| RoletaPalavras | janela de caça-níquel que gira palavras e para na última | lista, prova |
| EcoPalavra | a palavra repetida em degraus: cheia, contorno, cheia | oferta, gancho |
| CirculoPoster | círculo vermelho com texto que vira quadrado girando | data |
| Selo | selo circular giratório com texto no anel e no centro | data, oferta |
| AssinaturaMarca | nome em 2 linhas esticadas + barra + endereço sobre bloco preto | marca (sempre a última) |
| Fundo | papel com marcas de registro e retícula leve | todas |
| Camera | deriva + soco | todas |
| Cena | janela de cada plano | todas |
| Efeito, Trilha | sons e trilha do kit | todas |

## Proibido

- Degradê, sombra, brilho, textura além da retícula do Fundo.
- Mais de 4 cores; duas batidas seguidas com o mesmo bloco de cor.
- Palavra pequena flutuando no vazio: toda palavra enche a largura (ou a altura, girada).
- Minúsculas e outras fontes além de Anton e Archivo.
- Fade como entrada: tudo bate, estica ou gira.
- Texto fora da área segura (168–1330 px na vertical, 80 px nas laterais).