# Split comparison: Antes e depois

Uma tela dividida compara números em painéis roxos e azul-petróleo. Template de vídeo: copie o código para Claude ou edite no Subclip.

Canonical URL: https://www.subclip.app/pt/motion-graphics-templates/remotion/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

Um slide de antes e depois em tela dividida, com um número grande de cada lado, os rótulos Antes e Depois e um divisor no centro.

- Framework: Remotion
- Categoria: Gráficos
- Duração: 5 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/split-comparison

Ele abre com o quadro dividido ao meio por uma linha fina, com um pequeno marcador redondo no centro. A metade esquerda é roxo escuro, com o rótulo Antes no canto, e a metade direita é verde-azulado escuro, com o rótulo Depois. Um número grande em branco fica em cada metade, 38% contra 94% no exemplo, e os dois lados aparecem um depois do outro para que a mudança fique clara. Dura cinco segundos.

Defina os valores de antes e depois com os seus próprios números, como taxas de conversão, notas ou tempos. O layout mantém os dois números grandes e centralizados, então a leitura funciona bem mesmo em telas pequenas. Depois de entrar com uma conta gratuita, você pode copiar ou baixar o código para usar com Claude, Codex ou outro agente de programação com IA, ou usá-lo no Subclip para estudos de caso, posts de resultados e atualizações de progresso.

## Use para

- Resultados de estudos de caso
- Atualizações de progresso e melhoria
- Resultados de testes A/B
- Métricas de lançamento de produto

## O que você pode alterar

- `before`: Valor de antes (Texto)
- `after`: Valor de depois (Texto)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Split comparison e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.