---
slug: contagem
nome: Contagem regressiva
descricao: branco-osso com mostrador de relógio gigante girando, números condensados de 760 px, cartões que viram, anel que esvazia e carimbo vermelho no dia D
familia: Marca e evento
versao: 1
quando:
  - "contagem regressiva pra lançamento, evento ou promoção"
  - "faltam N dias, horas ou segundos pra data"
  - "reels de última chamada com urgência"
  - "anunciar o dia D com carimbo 'é hoje'"
nao_serve:
  - "convite com lugar e ingresso sem urgência (use convite-evento)"
  - "tom delicado, luxo ou calmo (use luxo ou minimal)"
---

# Contagem regressiva

O tempo é o cenário. O chão é **branco-osso liso** (`#F2F0EA`) com um **mostrador de relógio gigante** (60 marcas,
raio 840 px, metade fora da tela) girando devagar e um **ponteiro de segundos vermelho** que dá uma volta a cada
2 s, sempre atrás. Cada cena tem **um herói enorme**: o **número em Big Shoulders 900 a 760 px** que rola como
odômetro, os **blocos de dias** que ganham X vermelho, o **relógio de cartões** que viram, o **anel de segundos**
que se esvazia e o **carimbo vermelho** "É HOJE" que bate de 3,4×. A única cor viva é o **vermelho `#E5251B`**.
Pausa de 0,5 a 0,8 s depois de cada impacto.

## Como montar um vídeo com este kit

1. **Defina a escala do tempo**: dias, horas ou segundos; o dia D (data), e a frase do carimbo (até 7 caracteres).
2. **Escolha as batidas** em `receita.json` (numero → dias → relogio → final → dia). Pode pular `dias` ou `relogio`; `dia` é sempre a última.
3. **Escreva o plano** (`plano.json`, formato de `exemplos/plano.json`). Cada tique de relógio ou número que troca leva um som `tick`.
4. **Renderize** com `<Montagem plano={...} />`.
5. **Confira** contra `regras/`: um herói por plano, margens ≥ 96 px, 35–45% do quadro vazio, pausa depois do impacto.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `NumeroRolando` | número de 760 px em odômetro que rola de → até; "FALTAM" em cima, "DIAS" embaixo | numero |
| `BarraDias` | um bloco por dia; X vermelho nos que passaram; o último vira vermelho | dias |
| `RelogioFlip` | cartões pretos de dois dígitos que viram (HORAS : MIN : SEG) | relogio |
| `AnelTempo` | anel de 640 px que se esvazia por número; número de 440 px com soco | final |
| `CarimboData` | carimbo vermelho de borracha que bate de 3,4×, com tremor e respingo | dia |
| `Fundo`, `Camera`, `Cena` | mostrador e ponteiro, câmera, troca por revelação | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Mais de um herói por plano, número menor que 400 px, margem < 96 px, qualquer coisa encostando na borda.
- Outra cor viva além do vermelho; degradê; brilho em letra; fundo escuro.
- Prazo falso: a data do carimbo tem que ser a real do evento.
- Pancada sem pausa depois; contagem que anda sem som `tick`.
- Texto fora da área segura (168–1330 px na vertical).