---
slug: rabisco
nome: Rabisco
descricao: folha de caderno, traço de caneta tremendo, marca-texto amarelo, boneco de palitos, caixinhas e vistos desenhados à mão
familia: Feito à mão
versao: 1
quando:
  - "vídeo de aula, curso, oficina ou conteúdo educativo"
  - "explicação simples com cara de desenho em caderno"
  - "anúncio leve, humano e descomplicado"
  - "quero rabisco, caneta, marca-texto, boneco de palitos"
  - "reels de dica, passo a passo ou checklist"
nao_serve:
  - "visual premium ou corporativo (use apple-tipografico)"
  - "clima tecnológico (use terminal)"
  - "fotos como protagonista"
---

# Rabisco

Uma página de caderno sendo preenchida ao vivo. O chão é papel `#FBF8F0` com pauta azul fraca, margem vermelha e furos de espiral. Tudo é **traço de caneta que se desenha**: títulos em Permanent Marker escritos da esquerda para a direita, desenhos que aparecem traço por traço, um boneco de palitos que acena, caixinhas que ganham visto vermelho, faixas de **marca-texto amarelo** (multiply) que passam por trás. O traço **ferve**: um filtro de ruído (`feDisplacementMap`, escala 7) troca de semente a cada 2 quadros. 1 herói por plano e no máximo 1 apoio; o resto é folha em branco.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas (1 a 4 palavras). Uma frase = uma cena de 0,6 a 1,5 s.
2. **Escolha as batidas** em `receita.json` (gancho → prova → virada → lista → data → marca). Cada batida diz a duração e os elementos que 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`. 1 batida da trilha = 16.07 quadros.
4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou combine `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `TituloRabisco` | linhas em marcador escritas da esquerda; marca-texto e sublinhado azul na linha de destaque | gancho, virada |
| `TracoDesenhando` | herói: lâmpada, seta, estrela, coração, raio ou espiral desenhados traço a traço | prova |
| `Bonequinho` | boneco de palitos que se desenha, acena e pula, com balão de fala | virada, problema |
| `ListaRabiscada` | caixinhas desenhadas, texto escrito e visto vermelho | lista |
| `CartaoRabiscado` | moldura torta em caneta azul com hachura de marca-texto e texto grande | data, oferta |
| `AssinaturaMarca` | nome em marca-texto + estrela rabiscada + endereço em caixinha | marca (sempre a última) |
| `Fundo`, `Overlay`, `Camera`, `Cena` | folha de caderno + filtros de fervura, luz, câmera, janela | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Linha perfeita: todo traço passa pelo filtro `rb-*` (tremor) e entra desenhado, nunca de uma vez.
- Cores fora de tinta, azul de caneta, vermelho de marcador e amarelo de marca-texto.
- Degradê, sombra suave, brilho, blur, fotos, emoji.
- Mais de 1 herói + 1 apoio; menos de 35% de folha livre; margens < 96 px.
- Fontes fora de Permanent Marker e Caveat; texto fora da área segura (168–1330 px).
- Sem a pausa de 0,5–0,8 s depois de cada desenho terminar.