{
  "estilo": "dashboard-dados",
  "nome": "Painel de dados",
  "versao": 1,
  "fps": 30,
  "pecas": [
    {
      "nome": "BarrasCrescendo",
      "categoria": "formas",
      "tipo": "componente",
      "arquivo": "formas/BarrasCrescendo.tsx",
      "descricao": "gráfico de colunas que crescem da linha de base, uma depois da outra, com overshoot.",
      "params": [
        "dados",
        "destaque?",
        "titulo?",
        "inicio?",
        "intervalo?",
        "y?",
        "altura?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "forma",
        "barras",
        "crescendo"
      ]
    },
    {
      "nome": "LinhaTendencia",
      "categoria": "formas",
      "tipo": "componente",
      "arquivo": "formas/LinhaTendencia.tsx",
      "descricao": "gráfico de linha de 888 px: a linha laranja de 10 px se desenha, cada ponto estala com overshoot e o último ganha uma linha vertical tracejada e uma etiqueta com o valor.",
      "params": [
        "serie",
        "rotulos?",
        "titulo?",
        "etiqueta?",
        "inicio?",
        "y?",
        "altura?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "forma",
        "linha",
        "tendencia"
      ]
    },
    {
      "nome": "RankingBarras",
      "categoria": "formas",
      "tipo": "componente",
      "arquivo": "formas/RankingBarras.tsx",
      "descricao": "barras horizontais ordenadas (do maior ao menor).",
      "params": [
        "itens",
        "sufixo?",
        "titulo?",
        "inicio?",
        "intervalo?",
        "y?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "forma",
        "ranking",
        "barras"
      ]
    },
    {
      "nome": "RoscaDados",
      "categoria": "formas",
      "tipo": "componente",
      "arquivo": "formas/RoscaDados.tsx",
      "descricao": "gráfico de rosca de 640 px. As fatias se desenham em sequência (cada uma varre seu arco), o número do centro conta o total e uma legenda de 3 linhas aparece embaixo com o porcentual de cada…",
      "params": [
        "fatias",
        "centro",
        "sufixo?",
        "rotuloCentro?",
        "inicio?",
        "y?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "forma",
        "rosca",
        "dados"
      ]
    },
    {
      "nome": "Fundo",
      "categoria": "texturas",
      "tipo": "componente",
      "arquivo": "texturas/Fundo.tsx",
      "descricao": "azul-marinho profundo com linhas de eixo horizontais bem finas que sobem devagar (como a régua de um gráfico) e uma luz fria no topo.",
      "params": [],
      "duracao": null,
      "tags": [
        "texturas",
        "fundo"
      ]
    },
    {
      "nome": "Particulas",
      "categoria": "texturas",
      "tipo": "componente",
      "arquivo": "texturas/Particulas.tsx",
      "descricao": "Camada de pontos e traços flutuando em 3 profundidades (movimento de fundo constante).",
      "params": [
        "quantidade?",
        "cor?",
        "semente?",
        "velocidade?",
        "opacidade?"
      ],
      "duracao": null,
      "tags": [
        "fundo",
        "movimento",
        "densidade"
      ]
    },
    {
      "nome": "Cena",
      "categoria": "transicoes",
      "tipo": "componente",
      "arquivo": "transicoes/Cena.tsx",
      "descricao": "janela de tempo de um plano. Entra com movimento e sai com movimento (conforme a entrada). Dentro dela, useCurrentFrame() começa em 0. A saída cruza SOBREPOE quadros com a próxima cena.",
      "params": [
        "de",
        "ate",
        "entrada?",
        "ultima?",
        "children"
      ],
      "duracao": [
        24,
        150
      ],
      "tags": [
        "transicoes",
        "cena"
      ]
    },
    {
      "nome": "CorteImpacto",
      "categoria": "transicoes",
      "tipo": "componente",
      "arquivo": "transicoes/CorteImpacto.tsx",
      "descricao": "Soco de corte: clarão, tremida e zoom-pop que decaem em ~10 quadros.",
      "params": [
        "em",
        "forca?",
        "clarao?",
        "corClarao?",
        "children"
      ],
      "duracao": [
        10,
        14
      ],
      "tags": [
        "corte",
        "impacto",
        "energia"
      ]
    },
    {
      "nome": "AssinaturaMarca",
      "categoria": "tipografia",
      "tipo": "componente",
      "arquivo": "tipografia/AssinaturaMarca.tsx",
      "descricao": "logo, nome em Montserrat 800 alinhado à esquerda sob o logo, um fio laranja que cresce e o endereço em mono.",
      "params": [
        "logo",
        "nome",
        "detalhe?",
        "endereco?",
        "inicio?",
        "y?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "tipografia",
        "assinatura",
        "marca"
      ]
    },
    {
      "nome": "NumeroGigante",
      "categoria": "tipografia",
      "tipo": "componente",
      "arquivo": "tipografia/NumeroGigante.tsx",
      "descricao": "o KPI. Um número de até 380 px que conta de 0 ao valor, rótulo em mono em cima e um selo de variação embaixo. Alinhado à esquerda (x = 96), como num painel.",
      "params": [
        "valor",
        "casas?",
        "prefixo?",
        "sufixo?",
        "rotulo",
        "delta?",
        "inicio?",
        "y?",
        "tamanho?"
      ],
      "duracao": [
        30,
        90
      ],
      "tags": [
        "tipografia",
        "numero",
        "gigante"
      ]
    },
    {
      "nome": "Camera",
      "categoria": "camera",
      "tipo": "componente",
      "arquivo": "camera/Camera.tsx",
      "descricao": "deriva constante por baixo de tudo e um soco em cada batida.",
      "params": [
        "batidas?",
        "forca?",
        "children"
      ],
      "duracao": null,
      "tags": [
        "camera",
        "camera"
      ]
    },
    {
      "nome": "CameraDeriva",
      "categoria": "camera",
      "tipo": "componente",
      "arquivo": "camera/CameraDeriva.tsx",
      "descricao": "Câmera 3D com perspectiva: chaves {em,z,x,y,giro} levam o foco de uma a outra e por baixo roda uma deriva que nunca para.",
      "params": [
        "chaves?",
        "deriva?",
        "perspectiva?",
        "children"
      ],
      "duracao": null,
      "tags": [
        "3d",
        "camera",
        "movimento"
      ]
    },
    {
      "nome": "assinatura",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/assinatura.mp3",
      "descricao": "Efeito `logo_sting`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        66,
        66
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.9
    },
    {
      "nome": "clique",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/clique.mp3",
      "descricao": "Efeito `button`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        15,
        15
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.8
    },
    {
      "nome": "impacto",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/impacto.mp3",
      "descricao": "Efeito `impact`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        42,
        42
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.85
    },
    {
      "nome": "pop-cartao",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/pop-cartao.mp3",
      "descricao": "Efeito `icon_pop`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        21,
        21
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.9
    },
    {
      "nome": "pop-palavra",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/pop-palavra.mp3",
      "descricao": "Efeito `word_pop`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        18,
        18
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 1
    },
    {
      "nome": "subida",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/subida.mp3",
      "descricao": "Efeito `riser`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        45,
        45
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.7
    },
    {
      "nome": "swoosh",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/swoosh.mp3",
      "descricao": "Efeito `swoosh`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        30,
        30
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 1
    },
    {
      "nome": "whoosh-entra",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/whoosh-entra.mp3",
      "descricao": "Efeito `whoosh_in`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        30,
        30
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.9
    },
    {
      "nome": "whoosh-sai",
      "categoria": "sons",
      "tipo": "audio",
      "arquivo": "sons/whoosh-sai.mp3",
      "descricao": "Efeito `whoosh_out`.",
      "params": [
        "em",
        "volume?"
      ],
      "duracao": [
        30,
        30
      ],
      "tags": [
        "sfx"
      ],
      "volumeSugerido": 0.8
    },
    {
      "nome": "Som",
      "categoria": "sons",
      "tipo": "componente",
      "arquivo": "sons/Som.tsx",
      "descricao": "Componentes Efeito (um som no quadro em) e Trilha (música com fade de saída) que tocam os áudios acima.",
      "params": [
        "som",
        "em",
        "volume?"
      ],
      "duracao": null,
      "tags": [
        "audio",
        "codigo"
      ]
    },
    {
      "nome": "trilha",
      "categoria": "trilha",
      "tipo": "audio",
      "arquivo": "trilha/trilha.mp3",
      "descricao": "9 s de trilha; repetir em laço para vídeos longos.",
      "params": [
        "volume?",
        "saida?"
      ],
      "duracao": [
        270,
        270
      ],
      "tags": [
        "trilha",
        "musica"
      ]
    },
    {
      "nome": "paleta",
      "categoria": "paleta",
      "tipo": "dados",
      "arquivo": "cores/paleta.json",
      "descricao": "Cores, sombras, area segura, curvas e medidas do estilo (cores/paleta.png é a amostra visual).",
      "params": [],
      "duracao": null,
      "tags": [
        "cor"
      ]
    }
  ]
}