---
slug: ugc-reels
nome: UGC de Reels
descricao: vídeo de celular em tela cheia com tremida de mão, cortes secos, legenda branca com contorno e palavra ativa em chip amarelo, emoji, cabeçalho de perfil e comentário
familia: Redes sociais
versao: 1
quando:
  - "depoimento de cliente ou criador sobre um produto ou app"
  - "anúncio com cara de vídeo feito no celular, "review" ou "como eu uso""
  - "reels de prova social com comentários e curtidas"
  - "chamada "link na bio" com cara nativa de rede social"
  - "vídeo de influenciadora, bastidor ou tutorial rápido"
nao_serve:
  - "vídeo de marca polida, cinematográfica ou luxuosa (use apple-tipografico ou metal-liquido)"
  - "abertura de evento sem foto ou vídeo (o kit vive de imagem real)"
---

# UGC de Reels

Parece que **alguém gravou no celular e editou no próprio app**. A imagem (foto ou vídeo do cliente) ocupa a tela toda, com **tremida de mão** (±5 px, ±0,4°), contraste 1,08 e vinheta; a cada 12–20 quadros dá um **corte seco com zoom** alternando 1,0× e 1,2×. A legenda é **Montserrat 900 branca com contorno preto** no terço de baixo, e a palavra falada no momento vira um **chip amarelo** que pula; no fim da frase entra um emoji com overshoot. Em cima, o **cabeçalho de perfil** (barrinhas de story, avatar, @usuário, botão Seguir). Por cima da imagem, no máximo um adereço: **bolha de comentário**, nota escrita à mão em Caveat, corações subindo pela lateral ou o botão **LINK NA BIO** com a mãozinha. O fim é um cartão com avatar de anel de story. Sem polimento demais: o charme é o ar de feito em casa.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = uma cena.
2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → cta → 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 = 15 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, um herói por cena, nenhum quadro parado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `VideoCelular` | imagem em tela cheia com tremida de mão, vinheta e cortes secos com zoom alternado | todas |
| `LegendaEmoji` | legenda branca com contorno; a palavra ativa vira chip amarelo; emoji ao fim da frase | todas |
| `CabecalhoPerfil` | barrinhas de story, avatar, @usuário e botão Seguir | gancho |
| `Comentario` | bolha de comentário com avatar, nome, texto e coração | prova |
| `NotaDeMao` | nota em Caveat com contorno e seta à mão | virada, prova |
| `Reacoes` | emojis que sobem pela lateral direita | virada |
| `BotaoLink` | botão LINK NA BIO com mãozinha e anel pulsando | cta |
| `AssinaturaMarca` | cartão final: imagem borrada, avatar com anel de story, @usuário e botão | marca |
| `Fundo`, `Camera`, `Cena` | preto liso (só aparece nos 3 quadros de corte entre imagens) | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Imagem com cara de banco ou com moldura: a imagem é tela cheia, sem cantos arredondados.
- Legenda sem contorno preto, em caixa baixa pequena ou com mais de 2 linhas de 3 palavras.
- Mais de 1 adereço (comentário, nota, corações, botão) por cena e mais de 1 chip amarelo por vez.
- Transição elegante: só corte seco (com zoom de 12 quadros), nada de fade ou deslize longo.
- Emoji pequeno (< 64 px) ou mais de 1 por frase.
- Flash branco, glitch ou efeito de TV; a imperfeição é só a tremida.
- Texto fora da área segura (168–1330 px na vertical, 96 px nas laterais).