primocode 10.17.1 → 10.19.0

package/kits/infografico/elementos/Som.tsx

@@ -0,0 +1,40 @@
+// Som: os efeitos e a trilha do kit. Efeitos sintetizados (MotionCraft `sfx make`, pacote soft-pop); trilha de 8.6 s
+// (MotionCraft `music make`, preset warm-major, 100 bpm, tom C). Ver assets/ASSETS.md.
+// Regra: um som por movimento que importa, 1 a 2 quadros ANTES do visual.
+import React from 'react';
+import {Audio, Sequence, interpolate, useVideoConfig} from 'remotion';
+import whooshEntra from '../assets/sons/whoosh-entra.mp3';
+import whooshSai from '../assets/sons/whoosh-sai.mp3';
+import swoosh from '../assets/sons/swoosh.mp3';
+import popPalavra from '../assets/sons/pop-palavra.mp3';
+import popCartao from '../assets/sons/pop-cartao.mp3';
+import clique from '../assets/sons/clique.mp3';
+import impacto from '../assets/sons/impacto.mp3';
+import subida from '../assets/sons/subida.mp3';
+import assinatura from '../assets/sons/assinatura.mp3';
+import traco from '../assets/sons/traco.mp3';
+import trilha from '../assets/trilha/explica-100bpm.mp3';
+
+export const SONS = {
+  'whoosh-entra': whooshEntra, 'whoosh-sai': whooshSai, swoosh, 'pop-palavra': popPalavra, 'pop-cartao': popCartao, clique, impacto, subida, assinatura, traco,
+} as const;
+export type NomeSom = keyof typeof SONS;
+
+// volume de cada efeito (0..1) já calibrado contra a trilha a 0.48
+const VOLUME: Record<NomeSom, number> = {
+  'whoosh-entra': 0.8, 'whoosh-sai': 0.65, swoosh: 0.85, 'pop-palavra': 0.9, 'pop-cartao': 0.95, clique: 0.8, impacto: 0.8, subida: 0.65, assinatura: 0.85, traco: 0.6,
+};
+
+export type EfeitoProps = {som: NomeSom; em: number; volume?: number};
+/** um efeito no quadro `em` (relativo à Cena se estiver dentro de uma, absoluto no resto) */
+export const Efeito: React.FC<EfeitoProps> = ({som, em, volume}) =>
+  <Sequence from={Math.max(0, Math.round(em))} durationInFrames={90} layout="none">
+    <Audio src={SONS[som]} volume={volume ?? VOLUME[som]} />
+  </Sequence>;
+
+export type TrilhaProps = {volume?: number; /** quadros de fade no fim */ saida?: number};
+/** a trilha do kit, do quadro 0 ao fim, com fade de saída */
+export const Trilha: React.FC<TrilhaProps> = ({volume = 0.48, saida = 20}) => {
+  const {durationInFrames} = useVideoConfig();
+  return <Audio src={trilha} volume={(f) => volume * interpolate(f, [durationInFrames - saida, durationInFrames], [1, 0], {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'})} />;
+};

package/kits/infografico/elementos/base.ts

@@ -0,0 +1,80 @@
+// Base do kit infografico: cores, fontes, curvas e medidas. Todo número visual sai daqui.
+// Os elementos importam só este arquivo, 'react' e 'remotion'. Nada de fora da pasta do kit.
+import {continueRender, delayRender} from 'remotion';
+import fonte0Url from '../assets/fontes/outfit.woff2';
+import fonte1Url from '../assets/fontes/caveat.woff2';
+
+// ---------- tela ----------
+export const LARGURA = 1080, ALTURA = 1920, FPS = 30;
+// área segura (Reels/TikTok): o que se lê fica entre estas linhas
+export const SEGURA = {topo: 168, base: 1330, lado: 80};
+export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 920 px
+
+// ---------- cor ----------
+export const COR = {
+  papel: '#E9F5EE',
+  tinta: '#12223F',
+  coral: '#FF6F59',
+  sol: '#FFC93C',
+  teal: '#1FB5A3',
+  creme: '#FFFDF6'
+};
+
+
+// ---------- fonte ----------
+// Nome de família com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
+export const FONTE = "\"IG Outfit\", system-ui, sans-serif";
+export const MANUAL = "\"IG Caveat\", 'Comic Sans MS', cursive";
+const fontes = [
+  {nome: 'IG Outfit', url: fonte0Url, peso: '500 800', estilo: 'normal'},
+  {nome: 'IG Caveat', url: fonte1Url, peso: '600', estilo: 'normal'},
+];
+if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__infografico) {
+  (globalThis as Record<string, unknown>).__infografico = true;
+  for (const f of fontes) {
+    const h = delayRender('infografico: ' + f.nome);
+    new FontFace(f.nome, `url(${f.url}) format('woff2')`, {weight: f.peso, style: f.estilo}).load()
+      .then((ff) => {document.fonts.add(ff); continueRender(h);})
+      .catch(() => continueRender(h));
+  }
+}
+
+// ---------- tempo e curva ----------
+export const c01 = (t: number) => Math.max(0, Math.min(1, t));
+/** progresso 0..1 de f entre a e b */
+export const seg = (f: number, a: number, b: number) => c01((f - a) / (b - a));
+/** saída rápida e pouso longo, parecida com cubic-bezier(.2,.8,.2,1) */
+export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
+/** pouso com overshoot (passa 1.1x e volta), toda entrada usa esta */
+export const ov = (t: number) => { const x = c01(t) - 1; const k = 2.2; return 1 + (k + 1) * x * x * x + k * x * x; };
+export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
+/** uma batida da trilha do kit (100 bpm) em quadros */
+export const BATIDA = 18.0;
+
+// ---------- medida de texto ----------
+// Mede com canvas (só guarda no cache depois que a fonte carregou) pra encolher a linha que passaria
+// da largura útil. Nunca deixa palavra cortada.
+let canvas: HTMLCanvasElement | null = null;
+const cache = new Map<string, number>();
+export const larguraTexto = (texto: string, tamanho: number, peso = 800, trackingEm = -0.03, familia = 'IG Outfit'): number => {
+  const chave = `${texto}|${tamanho}|${peso}|${trackingEm}|${familia}`;
+  const c = cache.get(chave); if (c !== undefined) return c;
+  if (typeof document === 'undefined') return texto.length * tamanho * 0.56;
+  canvas = canvas || document.createElement('canvas');
+  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.56;
+  const fonte = `${peso} ${tamanho}px "${familia}"`;
+  ctx.font = fonte;
+  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
+  if (document.fonts.check(fonte)) cache.set(chave, w);
+  return w;
+};
+/** o maior tamanho até `tamanho` em que o texto cabe em `largura` */
+export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, peso = 800, trackingEm = -0.03, familia = 'IG Outfit') => {
+  const w = larguraTexto(texto, tamanho, peso, trackingEm, familia);
+  return w > largura ? Math.floor(tamanho * (largura / w)) : tamanho;
+};
+/** tira os asteriscos de destaque: "Usar *IA*" -> "Usar IA" */
+export const textoLimpo = (t: string) => t.replace(/\*/g, '');
+/** quebra "a *b* c" em partes {t, d}: d = destaque */
+export const partes = (t: string) => t.split(/(\*[^*]+\*)/).filter(Boolean).map((s) => s.startsWith('*') ? {t: s.slice(1, -1), d: true} : {t: s, d: false});
+export const CORES_NO: Record<string, string> = {coral: COR.coral, sol: COR.sol, teal: COR.teal};

package/kits/infografico/elementos/index.ts

@@ -0,0 +1,16 @@
+// Tudo que o kit infografico oferece. A IA monta o vídeo combinando isto (ou escrevendo um plano pra Montagem).
+export * from './base';
+export {Fundo} from './Fundo';
+export {Camera, posCamera} from './Camera';
+export {Cena, useDuracaoCena, SOBREPOE} from './Cena';
+export {Icone} from './Icone';
+export {NoProcesso} from './NoProcesso';
+export {CadeiaPassos} from './CadeiaPassos';
+export {SetaCurva} from './SetaCurva';
+export {GraficoBarras} from './GraficoBarras';
+export {NumeroDestaque} from './NumeroDestaque';
+export {Anotacao} from './Anotacao';
+export {Efeito, Trilha, SONS} from './Som';
+export type {NomeSom} from './Som';
+export {Montagem, ELEMENTOS} from './Montagem';
+export type {Plano, CenaPlano, Camada} from './Montagem';

package/kits/infografico/exemplos/plano.json

@@ -0,0 +1,49 @@
+{
+  "kit": "infografico",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {"volume": 0.48},
+  "cenas": [
+    {
+      "batida": "numero", "de": 0, "ate": 48, "entrada": "nenhuma",
+      "camadas": [
+        {"elemento": "NumeroDestaque", "props": {"valor": 40, "sufixo": "%", "legenda": "menos lixo em casa", "inicio": 2, "y": 700, "tamanho": 520}}
+      ],
+      "socos": [22],
+      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "pop-palavra", "em": 8}, {"som": "impacto", "em": 22}, {"som": "traco", "em": 24}]
+    },
+    {
+      "batida": "processo", "de": 48, "ate": 108, "entrada": "cortina",
+      "camadas": [
+        {"elemento": "CadeiaPassos", "props": {"passos": [{"icone": "folha", "titulo": "Separe"}, {"icone": "ciclo", "titulo": "Misture"}, {"icone": "broto", "titulo": "Colha"}], "inicio": 2, "intervalo": 16, "y": 750}}
+      ],
+      "socos": [18, 34],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-cartao", "em": 4}, {"som": "traco", "em": 16}, {"som": "pop-cartao", "em": 22}, {"som": "traco", "em": 32}, {"som": "pop-cartao", "em": 38}]
+    },
+    {
+      "batida": "grafico", "de": 108, "ate": 160, "entrada": "baixo",
+      "camadas": [
+        {"elemento": "GraficoBarras", "props": {"titulo": "Lixo por mês (kg)", "barras": [{"rotulo": "jan", "valor": 100}, {"rotulo": "fev", "valor": 82}, {"rotulo": "mar", "valor": 66}, {"rotulo": "abr", "valor": 48}], "unidade": "", "inicio": 2, "intervalo": 7, "y": 1130, "altura": 560}}
+      ],
+      "socos": [30],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-cartao", "em": 8}, {"som": "pop-cartao", "em": 22}, {"som": "pop-palavra", "em": 30}]
+    },
+    {
+      "batida": "no", "de": 160, "ate": 204, "entrada": "circulo",
+      "camadas": [
+        {"elemento": "NoProcesso", "props": {"icone": "broto", "numero": 3, "titulo": "Colha adubo", "cor": "teal", "inicio": 2, "y": 680, "diametro": 560}},
+        {"elemento": "Anotacao", "props": {"texto": "em 30 dias!", "x": 600, "y": 1250, "seta": [40, -90], "inicio": 20, "tamanho": 92}}
+      ],
+      "socos": [14],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-cartao", "em": 8}, {"som": "pop-palavra", "em": 22}]
+    },
+    {
+      "batida": "fecho", "de": 204, "ate": 240, "entrada": "baixo",
+      "camadas": [
+        {"elemento": "NumeroDestaque", "props": {"valor": 3, "sufixo": "", "legenda": "passos e pronto", "cor": "#FF6F59", "inicio": 2, "y": 700, "tamanho": 560}}
+      ],
+      "socos": [14],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "impacto", "em": 14}, {"som": "assinatura", "em": 16}]
+    }
+  ]
+}

package/kits/infografico/exemplos/roteiro.md

@@ -0,0 +1,19 @@
+# Roteiro de demonstração · "Horta Fácil" (compostagem em casa, fictício)
+
+Pedido: *"um reels de 8 s do Horta Fácil: 40% menos lixo, o método em 3 passos (separe, misture, colha), o lixo caindo mês a mês, e fecha com '3 passos e pronto'."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 18 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | numero | 0–48 | "40%" contando + rabisco + "menos lixo em casa" | NumeroDestaque | whoosh, pop, impacto, traço |
+| 2 | processo | 48–108 | discos Separe → Misture → Colha ligados por setas | CadeiaPassos | swoosh, pops, traços |
+| 3 | grafico | 108–160 | "Lixo por mês (kg)": 100, 82, 66, 48 | GraficoBarras | whoosh, pops |
+| 4 | no | 160–204 | disco "Colha adubo" + bilhete "em 30 dias!" | NoProcesso, Anotacao | swoosh, pops |
+| 5 | fecho | 204–240 | "3" + "passos e pronto" | NumeroDestaque | whoosh, impacto, assinatura |
+
+Como a IA chegou nisso:
+1. Abriu com o número, explicou o método em 3 passos, provou com o gráfico, deu zoom no resultado e fechou com o resumo.
+2. Deu um herói por cena (número, cadeia, gráfico, disco, número) e só um apoio (a anotação), com pausa depois de cada um.
+3. Cortou nas batidas da trilha (0, 48, 108, 160, 204) e alternou a troca (nenhuma, cortina, baixo, círculo, baixo).
+4. O `preview.tsx` passa o plano para `Montagem`, que só usa os elementos do kit.

package/kits/infografico/preview.tsx

@@ -0,0 +1,9 @@
+// Preview do kit: o vídeo de demonstração (8 s) montado SÓ com os elementos do kit, a partir de exemplos/plano.json.
+// O estúdio registra isto como `Kit-infografico`.
+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: 84, Componente: Preview};

package/kits/infografico/receita.json

@@ -0,0 +1,21 @@
+{
+  "kit": "infografico", "fps": 30, "batida_trilha_quadros": 18,
+  "duracao_video_s": [6, 40],
+  "ordem_sugerida": ["numero", "processo", "grafico", "no", "fecho"],
+  "batidas": [
+    {"nome": "numero", "obrigatoria": true, "duracao": [42, 54], "elementos": ["NumeroDestaque"], "entrada": ["nenhuma"], "sons": ["whoosh-entra", "pop-palavra", "impacto", "traco"], "nota": "o número que prende + legenda manuscrita de até 20 caracteres."},
+    {"nome": "processo", "obrigatoria": true, "duracao": [54, 66], "elementos": ["CadeiaPassos"], "entrada": ["cortina"], "sons": ["swoosh", "pop-cartao", "traco"], "nota": "3 passos em zigue-zague; um disco a cada 16 quadros; verbo curto de até 9 caracteres."},
+    {"nome": "grafico", "obrigatoria": false, "duracao": [48, 60], "elementos": ["GraficoBarras"], "entrada": ["baixo"], "sons": ["whoosh-entra", "pop-cartao", "pop-palavra"], "nota": "3–5 barras; a última é teal e é o resultado."},
+    {"nome": "no", "obrigatoria": false, "duracao": [42, 54], "elementos": ["NoProcesso", "Anotacao", "SetaCurva"], "entrada": ["circulo"], "sons": ["swoosh", "pop-cartao", "pop-palavra"], "nota": "um passo como herói; o único apoio é uma Anotacao curta (ou uma SetaCurva)."},
+    {"nome": "fecho", "obrigatoria": true, "duracao": [36, 54], "elementos": ["NumeroDestaque"], "entrada": ["baixo"], "sons": ["whoosh-entra", "impacto", "assinatura"], "nota": "sempre a última: o número-resumo ('3 passos e pronto')."}
+  ],
+  "transicoes": [
+    {"nome": "cortina", "quadros": 14, "como": "faixa diagonal que varre da esquerda revelando a cena nova"},
+    {"nome": "baixo", "quadros": 14, "como": "revela de baixo pra cima"},
+    {"nome": "circulo", "quadros": 14, "como": "círculo que cresce de 0 a 150% a partir de (50%, 55%)"},
+    {"nome": "flip", "quadros": 14, "como": "gira em X de −80° a 0° pelo topo"},
+    {"nome": "nenhuma", "quadros": 0, "como": "só no gancho"}
+  ],
+  "camera": {"deriva": "sempre, suave", "socos": "o número assentando, cada barra final, o último passo"},
+  "trilha": {"arquivo": "assets/trilha/explica-100bpm.mp3", "volume": 0.48, "com_narracao": 0.22}
+}

package/kits/infografico/regras/area-segura.md

@@ -0,0 +1,17 @@
+# Área segura (9:16, 1080×1920)
+
+- Todo texto lido: **y 168–1330**, **x 100–980** (margem ≥ 96 px). Nada encosta na borda; os esquadros dos cantos ficam fora (60 px da borda).
+- Respiro (regra do dono): 35–45% de cada quadro vazio; 1 herói + no máximo 1 apoio.
+
+| elemento | y de referência (centro) |
+|---|---|
+| número destaque (520 px) | 700 |
+| legenda do número | ≈ 1090 (topo) |
+| cadeia de passos (3 discos de 280, passo vertical 400) | 750 (discos em 350, 750, 1150) |
+| gráfico (base do chão / altura da maior barra) | 1130 / 560 |
+| título do gráfico | ≈ 340 (topo) |
+| disco herói (560 px) | 680 |
+| título do passo herói | ≈ 1010 (topo) |
+| anotação | 1250 (x 600) |
+
+- Em disco: nunca texto dentro; só ícone e número do selo. Título de passo fica ao lado ou abaixo.

package/kits/infografico/regras/cor.md

@@ -0,0 +1,15 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `papel` | `#E9F5EE` | chão |
+| `tinta` | `#12223F` | contornos, texto, traço de ícone, seta, esquadro |
+| `coral` | `#FF6F59` | disco 1, barras ímpares, rabisco, anotação |
+| `sol` | `#FFC93C` | disco 2, barras pares |
+| `teal` | `#1FB5A3` | disco 3, número destaque, última barra (o resultado) |
+| `creme` | `#FFFDF6` | letra dos selos |
+
+- Quadriculado: linhas de 2 px a cada 72 px, `rgba(18,34,63,.07)`, andando 0,6 px/quadro em x e 0,9 em y. Esquadros: traço 6 px a 35% nos 4 cantos (60 px da borda, 70 px de braço).
+- Contorno: 8 px nas barras e cartões, 9–10 px nos discos. Sem sombra (nem dura nem macia): o relevo é só o contorno.
+- Ordem das cores dos discos: coral → sol → teal. Barras: coral, sol, coral…, a última sempre teal.
+- O cliente pode trocar coral/sol/teal pela paleta da marca (3 cores chapadas com contraste ≥ 3:1 sobre o papel); manter `tinta` e `papel`.

package/kits/infografico/regras/movimento.md

@@ -0,0 +1,20 @@
+# Movimento
+
+Curvas: `e5(t) = 1 − (1 − t)^5` e `ov(t)` = pouso com overshoot (`1 + 3,2x³ + 2,2x²`). **Toda entrada usa `ov`.** Traços usam `pathLength=1` e `strokeDashoffset`.
+
+| movimento | duração | valores |
+|---|---|---|
+| número entra | 18 quadros | sobe 700 px, gira 8° → −2°, escala 0,8 → 1; conta em 24 quadros |
+| rabisco | 16 quadros | traço se desenha, começa 20 quadros depois do número |
+| legenda | 16 quadros | sobe 70 px, gira −2° |
+| disco (cadeia) | 16 quadros, 16 entre passos | escala 0 → 1, gira −50° → 0; ícone se desenha em 16 quadros |
+| seta da cadeia | 16 quadros | começa 12 quadros depois do disco; ponta aparece no fim |
+| disco herói | 18 quadros | escala 0 → 1, gira −40° → 0; boia ±10 px (`sin(f/16)`); selo estoura 10 quadros depois |
+| barra | 16 quadros, 7 entre barras | cresce com overshoot; valor conta em 18 quadros |
+| anotação | 1,4 quadro por letra | escreve da esquerda pra direita; seta se desenha em 12 quadros |
+| troca de cena | 14 quadros | `cortina` diagonal, `baixo`, `circulo`, `flip` |
+| quadriculado | contínuo | 0,6 / 0,9 px por quadro |
+| câmera (sempre) | contínuo | zoom 1,016 ± 0,012 (+0,00012/quadro), deriva ±10/±8 px, giro ±0,23° |
+| soco de câmera | decai em ~7 quadros | +0,025 de zoom, tremor 6 px |
+
+- **Pausa**: depois do último elemento da cena, segure 15–24 quadros; o quadriculado e a câmera continuam andando.

package/kits/infografico/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- 100 bpm: **1 batida = 18 quadros** (0,6 s). Cortes caem a cada 2–3 batidas; passo da cadeia = 16 quadros (quase 1 batida).
+- Vídeo de 8 s = 240 quadros = 5 cenas.
+
+| batida | duração s | quadros |
+|---|---|---|
+| numero | 1,4–1,8 | 42–54 |
+| processo | 1,8–2,2 | 54–66 (16 por passo) |
+| grafico | 1,6–2,0 | 48–60 (7 por barra) |
+| no | 1,4–1,8 | 42–54 |
+| fecho | 1,2–1,8 | 36–54 |
+
+- Leitura mínima: título do passo ≥ 24 quadros na tela; valor da barra ≥ 20 quadros; legenda manuscrita ≥ 20 quadros.
+- Uma ideia por cena; cada cena termina com 15–24 quadros de pausa.

package/kits/infografico/regras/som.md

@@ -0,0 +1,20 @@
+# Som
+
+- Trilha: `assets/trilha/explica-100bpm.mp3` (8,6 s, 100 bpm, warm-major, tom C), volume **0,48**, fade nos últimos **20 quadros**. Vídeo maior: gere outra (`music make --preset warm-major --bpm 100 --key C --force`), sem loop.
+- Com narração: trilha a **0,22** e efeitos a 70%.
+
+| som | volume | quando |
+|---|---|---|
+| `pop-cartao` | 0,95 | disco ou barra que pousa |
+| `pop-palavra` | 0,9 | número que fecha, legenda |
+| `traco` | 0,6 | cada seta ou rabisco que começa a se desenhar |
+| `impacto` | 0,8 | número final assentando |
+| `swoosh` | 0,85 | cena que entra de lado/baixo |
+| `whoosh-entra` | 0,8 | cena sem lado (−1 quadro) |
+| `clique` | 0,8 | opcional |
+| `subida` | 0,65 | opcional, antes do fecho |
+| `assinatura` | 0,85 | fecho |
+| `whoosh-sai` | 0,65 | opcional |
+
+- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas. Som entra 1 a 2 quadros antes do visual.
+- Alvo −14 LUFS, pico −1,5 dBTP.

package/kits/infografico/regras/tipografia.md

@@ -0,0 +1,16 @@
+# Tipografia
+
+- **Outfit 500–800** (números, títulos, rótulos) · **Caveat 600** (legendas e anotações à mão). Registradas como `"IG Outfit"` e `"IG Caveat"`.
+- Outfit com tracking −0,03 a −0,04 em; sem caixa alta. Caveat nunca em parágrafo: até 18 caracteres.
+
+| papel | fonte | tamanho px | máx. caracteres |
+|---|---|---|---|
+| número destaque | Outfit 800, contorno 12 px marinho (`paint-order: stroke fill`) | 520–560 (encolhe até 860) | 4 |
+| legenda do número | Caveat 600 | 120 | 20 |
+| título do passo (herói) | Outfit 800 | 130 (até 880) | 14 |
+| título do passo (cadeia) | Outfit 800 | 84 (até 480) | 9 |
+| número do selo | Outfit 800 | 84 (disco 560) · 52 (disco 280) | 1 |
+| título do gráfico | Outfit 800 | 84 | 20 |
+| valor da barra | Outfit 800 | 60 | 3 |
+| rótulo da barra | Caveat 600 | 64 | 4 |
+| anotação | Caveat 600 | 92–96 | 14 |

package/kits/isometrico/SKILL.md

@@ -0,0 +1,52 @@
+---
+slug: isometrico
+nome: Isométrico
+descricao: blocos 3D isométricos que caem e montam um sistema, mesa giratória, cores chapadas sobre gelo azulado
+familia: SaaS e tecnologia
+versao: 1
+quando:
+  - "explicar como um sistema, integração ou arquitetura funciona"
+  - "vídeo de plataforma, infraestrutura ou automação com cara de diagrama 3D"
+  - "mostrar peças que se conectam"
+  - "anúncio tecnológico colorido e amigável, sem ser infantil"
+  - "quero blocos montando, estilo ilustração isométrica"
+nao_serve:
+  - "estúdio escuro e realista (use produto-3d)"
+  - "vídeo sem noção de sistema ou peças ligadas"
+---
+
+# Isométrico
+
+Fundo **gelo azulado `#DDE9F0`** com malha isométrica quase invisível. Os heróis são **blocos 3D de projeção real** (elevação de 32°, giro livre de mesa giratória, três faces sombreadas, sombra no chão) em cores chapadas: **coral `#F26B5B`, mostarda `#F2B134`, verde `#1FA6A0`, marinho `#233A66`, creme**. **Os blocos caem do alto um depois do outro e quicam ao pousar**, formam uma rede com trilhos e pacotes de luz correndo, viram uma **cidade de colunas** (gráfico 3D) ou uma **palavra deitada no chão e extrudada**. Apoio só em **plaquinhas creme com sombra dura marinho**. Archivo 800 + Jost. Um herói por cena, com respiro (margens de 96 px).
+
+## 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 |
+|---|---|---|
+| `BlocosMontando` | blocos 3D caem um a um e quicam; mesa giratória; o primeiro é a plataforma | montar |
+| `RedeDeBlocos` | nós 3D ligados por trilhos com pacotes de luz correndo | rede |
+| `CidadeDeDados` | gráfico de barras 3D n×n, colunas sobem em onda | dados |
+| `TextoNoChao` | palavra deitada no chão, extrudada em 16 camadas, sobre plataforma | titulo, oferta |
+| `LegendaPlaca` | plaquinha creme com sombra dura; é o único apoio | apoio |
+| `AssinaturaMarca` | logo que cai sobre uma plataforma + nome + endereço | marca (última) |
+| `iso (motor 3D)` | `proj`, `Cubo`, `CuboSVG`, `SombraSVG`, `faces`, `tom`: monte composições novas | base de qualquer cena isométrica |
+| `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, textura, degradê, glow.
+- Faces sem sombreamento (todo bloco tem topo claro e duas laterais em tons diferentes).
+- Perspectiva falsa: o motor é a única projeção; nada de `skew` manual para fingir isométrico (exceto no texto no chão).
+- Mais de 5 cores de bloco; coral é o destaque.
+- Mais de um herói por cena; mais de 1 apoio; elemento a menos de 96 px da borda.
+- Bloco que aparece sem cair/subir: toda peça entra em movimento.
+- Texto fora da área segura (168–1330 px, 96 px nas laterais).

package/kits/isometrico/assets/ASSETS.md

@@ -0,0 +1,18 @@
+# Assets do kit isometrico
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/archivo.woff2` | Archivo (subset latino) | Google Fonts, baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Archivo.txt` |
+| `fontes/jost.woff2` | Jost (subset latino) | Google Fonts, baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Jost.txt` |
+| `sons/whoosh-entra.mp3` | efeito `whoosh_in` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/whoosh-sai.mp3` | efeito `whoosh_out` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/swoosh.mp3` | efeito `swoosh` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/pop-palavra.mp3` | efeito `word_pop` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/pop-cartao.mp3` | efeito `icon_pop` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | efeito `button` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | efeito `impact` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | efeito `riser` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | efeito `logo_sting` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `trilha/trilha.mp3` | 9 s de trilha | MotionCraft `music make` ({"preset": "warm-major", "bpm": 110, "key": "C", "progression": "warm-lift", "lead": "marimba", "drums": "soft", "comp": "offbeat"}) | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+Conteúdo de demonstração (fica em `exemplos/`, não faz parte do estilo): desenhado no código ou SVG próprio, sem fotos de terceiros, a menos que listado abaixo.

package/kits/isometrico/assets/fontes/OFL-Archivo.txt

@@ -0,0 +1,93 @@
+Copyright The Archivo Project Authors (https://github.com/Omnibus-Type/Archivo)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/kits/isometrico/assets/fontes/OFL-Jost.txt

@@ -0,0 +1,93 @@
+Copyright The Jost Project Authors (https://github.com/indestructible-type/Jost)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.