primocode 10.17.1 → 10.19.0

package/kits/saas-linear/exemplos/plano.json

@@ -0,0 +1,459 @@
+{
+ "kit": "saas-linear",
+ "roteiro": "exemplos/roteiro.md",
+ "duracao": 240,
+ "trilha": {
+  "volume": 0.45
+ },
+ "moldura": {
+  "semAparelho": false
+ },
+ "camera": [
+  {
+   "em": 0,
+   "z": 0
+  },
+  {
+   "em": 40,
+   "z": 1.22,
+   "x": -40,
+   "y": -110
+  },
+  {
+   "em": 56,
+   "z": 1.22,
+   "x": -40,
+   "y": -110
+  },
+  {
+   "em": 70,
+   "z": 1.3,
+   "x": -150,
+   "y": -150
+  },
+  {
+   "em": 86,
+   "z": 1.05,
+   "x": 0,
+   "y": 0
+  },
+  {
+   "em": 118,
+   "z": 1.12,
+   "x": 50,
+   "y": 0
+  },
+  {
+   "em": 134,
+   "z": 1.12,
+   "x": 0,
+   "y": 0
+  },
+  {
+   "em": 168,
+   "z": 1.0
+  },
+  {
+   "em": 202,
+   "z": 1.0
+  },
+  {
+   "em": 232,
+   "z": 0.12
+  }
+ ],
+ "cenas": [
+  {
+   "batida": "gancho",
+   "de": 0,
+   "ate": 84,
+   "entrada": "nenhuma",
+   "camadas": [
+    {
+     "elemento": "Saudacao",
+     "props": {
+      "texto": "Bom dia, Marina",
+      "x": 750,
+      "y": 300,
+      "tamanho": 96,
+      "inicio": 8
+     }
+    },
+    {
+     "elemento": "CaixaPrompt",
+     "props": {
+      "placeholder": "Como posso ajudar você hoje?",
+      "atalhos": [
+       "Escrever",
+       "Planejar",
+       "Resumir"
+      ],
+      "x": 750,
+      "y": 380,
+      "largura": 880,
+      "inicio": 22,
+      "apertarMais": 54
+     }
+    },
+    {
+     "elemento": "Menu",
+     "props": {
+      "itens": [
+       {
+        "texto": "Adicionar arquivos",
+        "icone": "clipe"
+       },
+       {
+        "texto": "Adicionar ao projeto",
+        "icone": "pasta",
+        "seta": true
+       },
+       {
+        "texto": "Conectores",
+        "icone": "plug",
+        "seta": true
+       },
+       {
+        "texto": "Pesquisa",
+        "icone": "lupa"
+       },
+       {
+        "texto": "Busca na web",
+        "icone": "globo"
+       }
+      ],
+      "x": 330,
+      "y": 160,
+      "largura": 440,
+      "inicio": 57,
+      "passar": [
+       {
+        "em": 63,
+        "item": 0
+       },
+       {
+        "em": 71,
+        "item": 2
+       }
+      ]
+     }
+    },
+    {
+     "elemento": "Cursor",
+     "props": {
+      "pontos": [
+       {
+        "em": 34,
+        "x": 980,
+        "y": 720
+       },
+       {
+        "em": 50,
+        "x": 366,
+        "y": 530
+       },
+       {
+        "em": 62,
+        "x": 430,
+        "y": 205
+       },
+       {
+        "em": 72,
+        "x": 455,
+        "y": 330
+       }
+      ],
+      "cliques": [
+       54,
+       80
+      ]
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": 0
+    },
+    {
+     "som": "pop-palavra",
+     "em": 16
+    },
+    {
+     "som": "pop-cartao",
+     "em": 22
+    },
+    {
+     "som": "clique",
+     "em": 53
+    },
+    {
+     "som": "swoosh",
+     "em": 56
+    },
+    {
+     "som": "clique",
+     "em": 79
+    }
+   ]
+  },
+  {
+   "batida": "conectar",
+   "de": 84,
+   "ate": 132,
+   "entrada": "suave",
+   "camadas": [
+    {
+     "elemento": "CartoesIntegracao",
+     "props": {
+      "cartoes": [
+       {
+        "nome": "Correio",
+        "desc": "Ler e-mails",
+        "icone": "correio",
+        "cor": "#E7655A",
+        "ligaEm": "ja"
+       },
+       {
+        "nome": "Agenda",
+        "desc": "Marcar horários",
+        "icone": "agenda",
+        "cor": "#4B83E6",
+        "ligaEm": 24
+       },
+       {
+        "nome": "Arquivos",
+        "desc": "Achar documentos",
+        "icone": "arquivos",
+        "cor": "#3FA86C",
+        "ligaEm": 38
+       }
+      ],
+      "x": 750,
+      "y": 380,
+      "largura": 920,
+      "inicio": 2,
+      "intervalo": 4
+     }
+    },
+    {
+     "elemento": "Cursor",
+     "props": {
+      "pontos": [
+       {
+        "em": 2,
+        "x": 470,
+        "y": 640
+       },
+       {
+        "em": 18,
+        "x": 838,
+        "y": 520
+       },
+       {
+        "em": 28,
+        "x": 838,
+        "y": 520
+       },
+       {
+        "em": 36,
+        "x": 1152,
+        "y": 520
+       }
+      ],
+      "cliques": [
+       22,
+       36
+      ],
+      "fim": 46
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "pop-cartao",
+     "em": 2
+    },
+    {
+     "som": "clique",
+     "em": 21
+    },
+    {
+     "som": "pop-palavra",
+     "em": 24
+    },
+    {
+     "som": "clique",
+     "em": 35
+    },
+    {
+     "som": "pop-cartao",
+     "em": 38
+    }
+   ]
+  },
+  {
+   "batida": "virada",
+   "de": 132,
+   "ate": 168,
+   "entrada": "suave",
+   "camadas": [
+    {
+     "elemento": "FraseSerifa",
+     "props": {
+      "texto": "O Lume age por você.",
+      "x": 750,
+      "y": 470,
+      "tamanho": 84,
+      "largura": 900,
+      "inicio": 3,
+      "intervalo": 4
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "whoosh-sai",
+     "em": 0
+    },
+    {
+     "som": "pop-palavra",
+     "em": 4
+    }
+   ]
+  },
+  {
+   "batida": "prova",
+   "de": 168,
+   "ate": 204,
+   "entrada": "suave",
+   "camadas": [
+    {
+     "elemento": "Agenda",
+     "props": {
+      "titulo": "Agenda",
+      "subtitulo": "semana de 27 de outubro",
+      "dias": [
+       "Seg",
+       "Ter",
+       "Qua",
+       "Qui",
+       "Sex"
+      ],
+      "horaInicial": 8,
+      "horas": 7,
+      "blocos": [
+       {
+        "dia": 0,
+        "hora": 0,
+        "dur": 1,
+        "texto": "Equipe",
+        "cor": "#E7655A"
+       },
+       {
+        "dia": 1,
+        "hora": 1,
+        "dur": 1,
+        "texto": "Revisão",
+        "cor": "#F0A63A"
+       },
+       {
+        "dia": 3,
+        "hora": 1.5,
+        "dur": 1,
+        "texto": "Cliente",
+        "cor": "#4B83E6"
+       },
+       {
+        "dia": 2,
+        "hora": 2.5,
+        "dur": 1,
+        "texto": "Proposta",
+        "cor": "#3FA86C"
+       },
+       {
+        "dia": 3,
+        "hora": 3.5,
+        "dur": 1,
+        "texto": "Entrega",
+        "cor": "#3FA86C"
+       },
+       {
+        "dia": 0,
+        "hora": 4.5,
+        "dur": 1,
+        "texto": "Almoço",
+        "cor": "#F0A63A"
+       },
+       {
+        "dia": 4,
+        "hora": 4,
+        "dur": 1,
+        "texto": "Retro",
+        "cor": "#E7655A"
+       },
+       {
+        "dia": 2,
+        "hora": 5.5,
+        "dur": 1,
+        "texto": "Foco",
+        "cor": "#4B83E6"
+       }
+      ],
+      "x": 750,
+      "y": 120,
+      "largura": 940,
+      "altura": 700,
+      "inicio": 0,
+      "intervalo": 2,
+      "marcar": 4,
+      "marcarEm": 28
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "swoosh",
+     "em": 0
+    },
+    {
+     "som": "pop-cartao",
+     "em": 10
+    },
+    {
+     "som": "pop-palavra",
+     "em": 28
+    }
+   ]
+  },
+  {
+   "batida": "marca",
+   "de": 204,
+   "ate": 240,
+   "entrada": "suave",
+   "camadas": [
+    {
+     "elemento": "MarcaFinal",
+     "props": {
+      "nome": "Lume",
+      "apoio": "Seu dia, resolvido.",
+      "x": 750,
+      "y": 450,
+      "tamanho": 160,
+      "inicio": 2
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "subida",
+     "em": 0
+    },
+    {
+     "som": "assinatura",
+     "em": 8
+    }
+   ]
+  }
+ ]
+}

package/kits/saas-linear/exemplos/roteiro.md

@@ -0,0 +1,15 @@
+# Roteiro da demo: "Lume" (assistente fictício)
+
+**Pedido do usuário:** "Faz um vídeo de 8 s do Lume, nosso assistente: ele se conecta no e-mail, na agenda e nos arquivos e organiza a semana sozinho. Quero aquele estilo calmo de produto, tela clara, serifa."
+
+| cena | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–84 | monitor inteiro → entra na tela; ✿ "Bom dia, Marina"; caixa "Como posso ajudar você hoje?"; clique no +, menu abre, clique em "Conectores" | Saudacao, CaixaPrompt, Menu, Cursor | whoosh-entra, pop-palavra, pop-cartao, clique, swoosh, clique |
+| 2 | conectar | 84–132 | Correio (ligado), Agenda e Arquivos ligam com dois cliques | CartoesIntegracao, Cursor | pop-cartao, clique, pop-palavra, clique, pop-cartao |
+| 3 | virada | 132–168 | "O Lume age por você." | FraseSerifa | whoosh-sai, pop-palavra |
+| 4 | prova | 168–204 | agenda da semana se enche, check em "Entrega" | Agenda | swoosh, pop-cartao, pop-palavra |
+| 5 | marca | 204–240 | ✿ Lume · "Seu dia, resolvido." e a câmera recua pro monitor | MarcaFinal | subida, assinatura |
+
+**Como a IA chegou nisso:** o pedido é "mostrar o produto agindo", então cada frase virou uma ação na interface com
+o cursor causando a próxima. "Se conecta" → cartões com chave; "organiza a semana" → agenda que se enche. A frase em
+serifa fica entre as duas provas pra dar respiro, e a câmera mira o que está sendo clicado (z 1,2–1,3).

package/kits/saas-linear/preview.tsx

@@ -0,0 +1,9 @@
+// Preview do kit: a demo (8 s) montada SÓ com os elementos do kit, a partir de exemplos/plano.json.
+// O estúdio registra isto como `Kit-saas-linear`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 50, Componente: Preview};

package/kits/saas-linear/receita.json

@@ -0,0 +1,32 @@
+{
+  "kit": "saas-linear",
+  "fps": 30,
+  "batida_trilha_quadros": 18,
+  "duracao_video_s": [6, 60],
+  "ordem_sugerida": ["gancho", "conectar", "virada", "prova", "marca"],
+  "batidas": [
+    {"nome": "gancho", "obrigatoria": true, "duracao": [72, 102], "elementos": ["Saudacao", "CaixaPrompt", "Menu", "Cursor"],
+     "entrada": ["nenhuma"], "sons": ["whoosh-entra", "pop-palavra", "pop-cartao", "clique", "swoosh"],
+     "nota": "câmera sai do monitor inteiro e entra na tela; saudação com a flor, caixa sobe; o cursor clica no + e o menu abre; segundo clique escolhe o item que leva à próxima cena."},
+    {"nome": "conectar", "obrigatoria": false, "duracao": [42, 60], "elementos": ["CartoesIntegracao", "Cursor"],
+     "entrada": ["suave"], "sons": ["pop-cartao", "clique", "pop-palavra"],
+     "nota": "3 cartões (no máx. 4); um já ligado, o cursor liga os outros. Câmera mira os cartões que ligam (z 1,1)."},
+    {"nome": "virada", "obrigatoria": true, "duracao": [34, 48], "elementos": ["FraseSerifa"],
+     "entrada": ["suave"], "sons": ["whoosh-sai", "pop-palavra"],
+     "nota": "uma frase curta em serifa, sozinha no creme ('O Lume age por você.'). Nada mais na tela."},
+    {"nome": "prova", "obrigatoria": false, "duracao": [34, 48], "elementos": ["Agenda", "CaixaPrompt", "Cursor"],
+     "entrada": ["suave"], "sons": ["swoosh", "pop-cartao", "pop-palavra"],
+     "nota": "o resultado: agenda que se enche sozinha (6–8 blocos) e um check; ou a caixa com o pedido digitado."},
+    {"nome": "lista", "obrigatoria": false, "duracao": [40, 60], "elementos": ["Menu", "Cursor"],
+     "entrada": ["suave"], "sons": ["swoosh", "clique"],
+     "nota": "recursos do produto como itens de menu; a faixa de seleção desce item a item."},
+    {"nome": "marca", "obrigatoria": true, "duracao": [36, 48], "elementos": ["MarcaFinal", "Marca"],
+     "entrada": ["suave"], "sons": ["subida", "assinatura"],
+     "nota": "sempre a última. Flor + nome revelado; a câmera recua até ver o monitor inteiro (z 0,12)."}
+  ],
+  "transicoes": [
+    {"nome": "suave", "quadros": 14, "como": "a tela nova desfoca de 10 px pra 0 e escala 0,97 -> 1 enquanto a anterior desfoca e some em 10 quadros"},
+    {"nome": "subir", "quadros": 14, "como": "a tela nova sobe 40 px com fade; use pra uma segunda tela do mesmo assunto"},
+    {"nome": "corte", "quadros": 0, "como": "só quando a câmera está em movimento grande (o movimento esconde o corte)"}
+  ]
+}

package/kits/saas-linear/regras/area-segura.md

@@ -0,0 +1,17 @@
+# Área segura
+
+Vídeo 1080×1920, 9:16. Texto lido entre **y 168 e 1330**, **x 80 e 1000**.
+
+A tela do monitor tem coordenadas próprias (1500×940). No plano fechado (z 1) ela fica centrada em x 540 / y 860 do vídeo,
+então ocupa y 390–1330 do vídeo e o trecho **x 290–1210 da tela** cai em x 80–1000 do vídeo. Conteúdo sempre nesse trecho.
+Com zoom de mira (z > 1) a câmera corta as bordas: é intencional, mas o alvo do clique e a palavra lida ficam inteiros.
+
+| elemento | y na tela (px) | x na tela |
+|---|---|---|
+| saudação | 300 (centro) | centro 750 |
+| caixa de pedido | 380–570, atalhos até ~660 | 310–1190 |
+| menu | topo 160, 5 itens até ~494 | 330–770 |
+| cartões de conector | 380–556 | 290–1210 |
+| frase em serifa | 470 (centro) | 300–1200 |
+| agenda | 120–820 | 280–1220 |
+| marca final | 450 (centro) | centro 750 |

package/kits/saas-linear/regras/cor.md

@@ -0,0 +1,19 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| parede | `#3B1E19` | fundo atrás do monitor |
+| parede2 | `#6A3426` | luz quente na parede (radial 70%×55% no canto de cima à direita, opacidade 0,67–0,83) |
+| moldura | `#141312` | borda do monitor (20 px) |
+| tela | `#F4F1EA` | creme da interface (fundo de toda cena) |
+| cartao | `#FFFFFF` | caixa, menu, cartões, agenda |
+| linha | `#E7E2D8` | bordas 1,5 px e divisórias |
+| tinta | `#29261F` | texto principal |
+| mute | `#8C877C` | placeholder, descrição, status desligado |
+| acento | `#D46F4D` | só a flor da marca e o botão de enviar |
+| azul | `#3D7BF0` | chave ligada, "Conectado", anel do clique |
+| agenda | `#E7655A` `#F0A63A` `#3FA86C` `#4B83E6` `#E08A6C` | blocos da agenda e ícones dos conectores |
+
+Sombras: cartão `0 2px 4px rgba(41,38,31,.05), 0 18px 40px rgba(41,38,31,.10)`; menu/agenda `0 4px 10px rgba(41,38,31,.08), 0 30px 70px rgba(41,38,31,.16)`.
+Luz na tela: `linear-gradient(165deg, rgba(255,255,255,.35) 0%, transparent 35%, rgba(60,40,20,.07) 100%)`.
+O cliente pode trocar: `acento` (cor da marca dele), o nome e o logo (`marcaSrc`). Creme, tinta e azul ficam.

package/kits/saas-linear/regras/movimento.md

@@ -0,0 +1,20 @@
+# Movimento
+
+Curva padrão: `cubic-bezier(.22,1,.36,1)` (`e4`). Câmera e cursor: smoothstep (`e3`). Overshoot só em cartão e bloco: ~4% (`eb`, c = 1,4).
+
+| movimento | quadros | valores |
+|---|---|---|
+| câmera aberto → fechado | 36–44 | escala 0,58 → 1; rotateY −20° → −9°; rotateX 6° → 2,5° |
+| câmera mira (zoom) | 14–30 | z 1 → 1,1–1,3; foco x/y em px da tela |
+| câmera recua no fim | 30 | z 1 → 0,12 |
+| deriva constante | sempre | escala ±3,5% (período 690 q), rotateY ±1,6°, x ±10 px, y ±8 px |
+| troca de tela (`suave`) | 14 entra / 10 sai | desfoque 10 → 0 px, escala 0,97 → 1, opacidade 0 → 1 |
+| palavra (saudação, frase) | 16 por palavra, 4–5 entre palavras | desfoque 7–8 → 0 px, cinza → tinta, sobe 14 px |
+| flor abrindo | 16 (escala) / 24 (giro) | escala 0 → 1 com overshoot, giro −90° → 0°, depois 0,25°/quadro |
+| caixa de pedido | 18 | sobe 30 px, opacidade 0 → 1 |
+| menu abre | 12 | escala 0,92 → 1, desfoque 6 → 0 px; faixa de seleção 6 q entre itens |
+| cartão sobe | 16, 4 entre cartões | sobe 40 px, escala 0,96 → 1 |
+| chave liga | 8 | bolinha anda 28 px, trilho cinza → azul |
+| bloco da agenda | 12, 2–3 entre blocos | escalaX 0 → 1 a partir da esquerda |
+| cursor clica | 7 aperto / 14 anel | escala 1 → 0,82 → 1; anel 56 → 96 px, opacidade 0,6 → 0 |
+| nome da marca | 22 | máscara revela da esquerda pra direita, desliza 18 px |

package/kits/saas-linear/regras/ritmo.md

@@ -0,0 +1,14 @@
+# Ritmo
+
+Trilha a 100 bpm: 1 batida = **18 quadros** (30 fps). Ritmo calmo e preciso: a ação acontece, assenta, e só aí corta.
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho (saudação + caixa + menu) | 2,4–3,4 | 72–102 |
+| conectar (cartões + 2 cliques) | 1,4–2,0 | 42–60 |
+| virada (frase em serifa) | 1,1–1,6 | 34–48 |
+| prova (agenda) | 1,1–1,6 | 34–48 |
+| marca | 1,2–1,6 | 36–48 |
+
+Tempo mínimo de leitura: frase em serifa assentada por **≥ 8 quadros** antes de sair; saudação completa por ≥ 12 quadros.
+Cursor: ≥ 12 quadros de viagem entre dois alvos; ≥ 6 quadros parado sobre o alvo antes do clique.

package/kits/saas-linear/regras/som.md

@@ -0,0 +1,16 @@
+# Som
+
+Trilha: `assets/trilha/trilha.mp3` (9 s, 100 bpm, quente, bateria leve), volume 0,45, fade de saída 20 quadros.
+Mix final em **−14 LUFS** (o render nivela). Máx. 2 efeitos por segundo. Nunca o mesmo arquivo duas vezes seguidas.
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,9 | câmera entrando na tela (quadro 0) |
+| `pop-palavra` | 1,0 | saudação começa, frase começa, check da agenda |
+| `pop-cartao` | 0,9 | caixa de pedido, cartões, chave ligando, agenda enchendo |
+| `clique` | 0,8 | cada clique do cursor (1 quadro antes do aperto) |
+| `swoosh` | 1,0 | menu abre, agenda entra |
+| `whoosh-sai` | 0,8 | troca pra frase em serifa |
+| `subida` | 0,7 | começo da batida `marca` |
+| `assinatura` | 0,9 | nome da marca revelando (8 quadros depois do início da cena) |
+| `impacto` | 0,85 | reserva: só se o roteiro tiver um clímax (número, lançamento) |

package/kits/saas-linear/regras/tipografia.md

@@ -0,0 +1,17 @@
+# Tipografia
+
+Fontes: **Newsreader 400** (serifa: saudação, frase, nome da marca) e **Inter 400/600** (toda a interface).
+Tamanhos em px da TELA (no plano fechado, z 1, valem 1:1 no vídeo 1080×1920).
+
+| papel | fonte | px | máx. caracteres | tracking | line-height |
+|---|---|---|---|---|---|
+| saudação | Newsreader 400 | 96 (encolhe até caber em 920) | 22 | −0,01 em | 1,1 |
+| frase em serifa | Newsreader 400 | 72–84 | 40 (até 2 linhas em 900 px) | −0,01 em | 1,18 |
+| nome na marca final | Newsreader 400 | 150–160 | 12 | −0,015 em | 1,0 |
+| placeholder da caixa | Inter 400 | 30 | 40 | −0,005 em | 1,2 |
+| item de menu | Inter 400 | 25 | 24 | 0 | 62 px por item |
+| nome no cartão | Inter 600 | 27 | 12 | 0 | 1,2 |
+| descrição / status | Inter 400 | 19 | 18 | 0 | 1,2 |
+| bloco da agenda | Inter 600 | 17 | 10 | 0 | 1,2 |
+
+Caixa: frase normal (nunca caixa-alta). Serifa nunca em negrito.

package/kits/stripe-ondas/SKILL.md

@@ -0,0 +1,52 @@
+---
+slug: stripe-ondas
+nome: Ondas Stripe
+descricao: fitas de degradê ondulando como seda, tipografia limpa azul-marinho, cartões brancos de interface
+familia: SaaS e tecnologia
+versao: 1
+quando:
+  - "vídeo de fintech, pagamentos ou API de desenvolvedor"
+  - "lançamento de produto digital com cara de Stripe"
+  - "anúncio B2B limpo e colorido sem ficar infantil"
+  - "quero ondas de cor fluindo atrás do texto"
+  - "demo de checkout, painel ou código"
+nao_serve:
+  - "fundo escuro (use saas-linear ou vercel-mono)"
+  - "vídeo retrô, feito à mão ou muito divertido"
+---
+
+# Ondas Stripe
+
+Fundo branco-azulado (`#F6F9FC`) e **uma faixa de seda ondulante** como herói: 18 fitas sobrepostas, inclinadas −12°, que não param de ondular, com cor que corre de **coral a âmbar, rosa e ciano** (sem roxo). Por cima, tipografia limpa em **Inter 700 azul-marinho `#0A2540`**, com uma palavra em degradê coral → rosa, e **cartões brancos de interface com sombra macia em duas camadas** (pagamento, pílulas de método, gráfico de onda, painel de código escuro). A faixa muda de lugar e de tamanho a cada cena: ora herói, ora chão sob o cartão.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = um plano.
+2. **Escolha as batidas** em `receita.json`. Cada batida diz quanto dura e quais elementos 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`. Os cortes seguem a voz ou a batida da trilha (1 batida = 15.0 quadros).
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />`.
+5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `FaixaDeOndas` | 18 fitas de seda inclinadas ondulando, paleta quente ou fria, entra se desenrolando | gancho, marca, chão de qualquer cena |
+| `TituloLimpo` | título centrado, palavra sobe da máscara com desfoque, `*palavra*` em degradê coral→rosa | gancho, legenda |
+| `CartaoPagamento` | cartão branco 3D com valor contando, selo aprovado e itens | cartao |
+| `SelosDeMetodo` | pílulas brancas gigantes que acendem uma a uma | metodos |
+| `PainelCodigo` | cartão azul-marinho com código digitado em cores de sintaxe | codigo |
+| `GraficoOnda` | número gigante + curva suave com traço em degradê | prova |
+| `AssinaturaMarca` | logo + nome + linha + endereço | marca (última) |
+| `Fundo`, `Camera`, `Cena` | o chão, a deriva da câmera e a janela de cada plano | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Fundo escuro nas cenas (só o `PainelCodigo` é escuro, e é um cartão).
+- Roxo ou azul-índigo nas ondas: a paleta é coral, âmbar, rosa, ciano.
+- Mais de uma palavra em degradê por linha; degradê em frase inteira.
+- Faixa de ondas parada ou pequena demais: como herói ocupa ≥ 45% da altura; como chão, ≥ 25%.
+- Cartão sem sombra ou com sombra dura.
+- Brilho/glow em letra, flash branco.
+- Texto fora da área segura (168–1330 px, 80 px nas laterais).