# Regras do estilo dashboard-dados (Painel de dados)

Estas regras valem para QUEM MONTA. Não existe vídeo pronto aqui: só peças (`pecas.json`). Cada cena é escrita do zero, peça a peça.

## Regras do kit: cor
| token | hex | uso |
|---|---|---|
| `fundo` | `#0C1224` | chão |
| `topo` | `#16203F` | topo do degradê |
| `painel` | `#18223F` | trilho da rosca, logo |
| `linha` | `#2A3558` | eixos e grade |
| `texto` | `#F2F5FF` | números e títulos |
| `mute` | `#8E9BC0` | rótulos |
| `laranja` | `#FF8A3D` | **o dado que importa** (barra, fatia, linha, ponto, fio) |
| `turquesa` | `#35D6C0` | séries secundárias, selo de variação positiva |
| `rosa` | `#FF5C8A` | 3ª série |
| `amarelo` | `#FFD23F` | 4ª série (raro) |

- Cores de dado **chapadas** (sem degradê), exceto a área sob a linha (laranja 40% → 0).
- Fundo: `linear-gradient(180deg, #16203F 0%, #0C1224 70%)`; eixos de 2 px a 35%; luz fria `rgba(120,150,255,0.14)` no topo.
- O cliente troca as 4 cores de dado; fundo e texto ficam.

## Regras do kit: tipografia
- Fontes: **Montserrat** 700–800 (números, títulos, nomes) e **IBM Plex Mono** 500 (rótulos, eixos, endereço). Registradas como `DD Montserrat` e `DD IBM Plex Mono`.
- Tudo alinhado à esquerda (x = 96), exceto a rosca (centro) e rótulos de eixo (centro da coluna).

| papel | tamanho px | peso | tracking | máx. caracteres |
|---|---|---|---|---|
| KPI gigante | 380 (encolhe até 888) | 800 | −0,05 em | 8 |
| título do gráfico | 64 | 800 | −0,03 em | 20 |
| valor sobre a coluna | 44 | 800 | — | 4 |
| número do centro da rosca | 150 | 800 | −0,05 em | 4 |
| nome na barra do ranking | 64 (encolhe até 500) | 800 | −0,03 em | 12 |
| valor do ranking | 60 | 800 | — | 5 |
| etiqueta de ponto | 60 | 800 | — | 6 |
| legenda da rosca | 48 | 700 | — | 14 |
| rótulo mono / eixo | 28–38, +0,08–0,12 em, caixa alta | 500 | — | 20 |
| nome da marca | 260 | 800 | −0,05 em | 7 |

## Regras do kit: area-segura
9:16 em 1080×1920: texto em **y 168–1330** e **x 96–984** (margens de 96 px).

| elemento | y de referência (centro) | tamanho do herói |
|---|---|---|
| NumeroGigante | 760 | 380 px de altura de dígito, 888 de largura |
| BarrasCrescendo | 820 (título 130 px acima) | 888 × 600 px |
| RoscaDados | 640 (legenda a partir de y 1050) | anel de 610 px + legenda de 3 × 84 px |
| RankingBarras | 820 | 4 × 190 px, 888 de largura |
| LinhaTendencia | 800 (título 130 px acima) | 888 × 560 px |
| AssinaturaMarca | 640 | logo 240 px, nome 260 px |

Um herói por cena. Espaço vazio: 35–45% do quadro.

## Regras do kit: movimento
Curva padrão `cubic-bezier(.2,.8,.2,1)` (`e5`); crescimento de barras com overshoot `eb` (c1 = 2,2).

| movimento | quadros | valores |
|---|---|---|
| KPI conta | 26 | de 0 ao valor em `e5`, começa 4 quadros após a entrada |
| selo de variação | 12 | scale 0 → 1 com overshoot |
| coluna cresce | 20 (+4 entre colunas) | altura 0 → valor, overshoot de ~10% |
| linha de base | 14 | cresce da esquerda |
| rosca | 20 por fatia (+9 entre) | cada arco varre em `e5`; o anel gira −120° → 0 em 40 quadros |
| barra do ranking | 22 (+5 entre) | largura 0 → valor com overshoot; número conta junto |
| linha de tendência | 30 | clip da esquerda p/ direita; pontos estalam em 12 quadros |
| etiqueta final | 12 | scale 0 → 1 com overshoot a partir do ponto |
| entrada de cena | 12 | zoom 1,9x / lateral 760 px / subir 260 px com desfoque 16 px |
| eixos do fundo | contínua | sobem 0,8 px/quadro |
| câmera | contínua | zoom 1,025 + 0,0004/quadro, deriva 10×8 px, soco +0,025 por batida |
| respiro | 8–14 quadros | depois do último número assentar, nada novo entra |

## Regras do kit: ritmo
- 1 batida = **14,75 quadros** (118 bpm). Cenas de 1,2 a 1,6 s (36–48 quadros).
- Leitura: um KPI = 30 quadros; 6 colunas = 40; ranking de 4 = 38.

| batida | duração s | quadros |
|---|---|---|
| kpi | 1,3–1,6 | 40–48 |
| barras | 1,4–1,7 | 42–52 |
| rosca | 1,3–1,6 | 40–48 |
| ranking | 1,2–1,5 | 36–45 |
| tendencia | 1,1–1,5 | 33–45 |
| marca | 0,9–1,5 | 28–45 |

Demo 8 s = 240 quadros = 6 cenas: 0, 44, 90, 132, 172, 208.

## Regras do kit: som
- Trilha: `assets/trilha/trilha.mp3` (9 s, 118 bpm, preset tech-bright, tom G), volume **0,5**, fade nos últimos **20 quadros**.
- Com narração: trilha a **0,25**, efeitos a 70%. Pacote de efeitos: MotionCraft `soft-pop`.

| som | volume | quando |
|---|---|---|
| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
| `swoosh` | 1,0 | movimento lateral grande |
| `whoosh-sai` | 0,8 | saída grande |
| `pop-palavra` | 1,0 | palavra-chave que entra |
| `pop-cartao` | 0,9 | peça que pousa |
| `impacto` | 0,85 | clímax da cena |
| `subida` | 0,7 | 1,2 s antes de um impacto (sempre resolve nele) |
| `assinatura` | 0,9 | revelação da marca |
| `clique` | 0,8 | endereço/CTA aparece |

- `pop-cartao` em cada coluna/fatia que assenta; `impacto` quando o número final bate; `subida` só antes do KPI de abertura.
- Máx. **3 sons/s**; nunca o mesmo arquivo duas vezes seguidas. Alvo **−14 LUFS**, pico −1,5 dBTP.

## Movimento (régua extravagante; liso e calmo é reprovado)
- A câmera nunca para: use `CameraDeriva` (ou a câmera do estilo) com ao menos 4 chaves `{em, z, x, y}` mudando `z` e `x/y`, uma chave a cada cena. Deriva e leve rotação por baixo, sempre.
- Em cada corte, um `CorteImpacto` (clarão + tremida + zoom-pop) casado com o som `impacto` 1 a 2 quadros antes.
- Toda cena tem fundo vivo (`Particulas` + o fundo do estilo), pelo menos 1 herói e 2 apoios em movimento. Cena parada é reprovada.
- Entrada de elemento: 10-18 quadros com overshoot curto; saída: metade da entrada. Stagger entre itens: 2-5 quadros.
- Peças 3D e giros valem: quanto mais profundidade (parallax, perspectiva, rotação), melhor, sem sair da área segura.

## Som (camadas)
- Trilha sempre, volume 0,45, fade de saída 20 quadros.
- SFX em TODO corte e em toda entrada de elemento grande, no mínimo 2 camadas por corte (ex.: `whoosh-sai` + `impacto`, depois `swoosh` no quadro seguinte). Máx. 6 efeitos por segundo. Nunca o mesmo arquivo duas vezes no mesmo quadro.
- Sons deste estilo: assinatura, clique, impacto, pop-cartao, pop-palavra, subida, swoosh, whoosh-entra, whoosh-sai.

## Densidade mínima (o conferir cobra isto)
| medida | mínimo |
|---|---|
| camadas visuais simultâneas por cena | 4 (fundo, partículas, herói, apoio) |
| elementos em movimento por segundo (média da linha do tempo) | 5 |
| chaves de câmera por vídeo | 4 |
| SFX por corte | 1 (alvo 2) |
| peças diferentes usadas no vídeo | 6 |

## Proibido
- Copiar uma cena pronta: cada cena é composta peça a peça, com props novas.
- Cena parada: nenhum quadro em que nada se mexe.
- Elemento com movimento grande sem som.