primocode 10.17.0 → 10.19.0

package/kits/revista/elementos/base.ts

@@ -0,0 +1,76 @@
+// Base do kit revista: 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 fonte0 from '../assets/fontes/cormorant.woff2';
+import fonte1 from '../assets/fontes/cormorant-italic.woff2';
+import fonte2 from '../assets/fontes/jost.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: 96};
+export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 888 px
+
+// ---------- cor ----------
+export const COR = {
+  creme: '#F6F1E9',
+  pagina: '#FBF8F2',
+  tinta: '#14110F',
+  vinho: '#7A1F2B',
+  cinza: '#8C857B'
+};
+
+// ---------- fonte ----------
+// Nome de família com o prefixo do kit ("RV ..."), pra não colidir com outro kit no mesmo estúdio.
+export const FONTE = {
+  titulo: '"RV Cormorant Garamond", Georgia, Times New Roman, serif',
+  italico: '"RV Cormorant Garamond", Georgia, serif',
+  apoio: '"RV Jost", Helvetica Neue, Arial, sans-serif',
+};
+type G = {__kit_revista?: boolean};
+if (typeof document !== 'undefined' && !(globalThis as G).__kit_revista) {
+  (globalThis as G).__kit_revista = true;
+  const h = delayRender('revista: fontes');
+  Promise.all([
+    new FontFace('RV Cormorant Garamond', `url(${fonte0}) format('woff2')`, {weight: '500 700', style: 'normal'}).load(),
+    new FontFace('RV Cormorant Garamond', `url(${fonte1}) format('woff2')`, {weight: '500 700', style: 'italic'}).load(),
+    new FontFace('RV Jost', `url(${fonte2}) format('woff2')`, {weight: '400 600', style: 'normal'}).load(),
+  ]).then((fs) => {fs.forEach((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);
+/** easeOutBack: passa do destino em ~10% e volta (toda entrada tem overshoot) */
+export const eb = (t: number, s = 1.70158) => {const x = c01(t) - 1; return 1 + (s + 1) * x * x * x + s * 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.00;
+
+// ---------- medida de texto ----------
+let canvas: HTMLCanvasElement | null = null;
+const cache = new Map<string, number>();
+export const larguraTexto = (texto: string, tamanho: number, peso = 700, trackingEm = -0.01, familia = 'RV Cormorant Garamond'): 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.58;
+  canvas = canvas || document.createElement('canvas');
+  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.58;
+  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` (nunca palavra cortada) */
+export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, peso = 700, trackingEm = -0.01, familia = 'RV Cormorant Garamond') => {
+  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 pedaços {t, d}: d = true quando estava entre asteriscos */
+export const pedacos = (t: string) => t.split(/(\*[^*]+\*)/).filter(Boolean).map((p) => p.startsWith('*') ? {t: p.slice(1, -1), d: true} : {t: p, d: false});

package/kits/revista/elementos/index.ts

@@ -0,0 +1,16 @@
+// Tudo que o kit revista 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 {TituloEditorial} from './TituloEditorial';
+export {FotoSangrando} from './FotoSangrando';
+export {PaginaDupla} from './PaginaDupla';
+export {CitacaoGrande} from './CitacaoGrande';
+export {ColagemFotos} from './ColagemFotos';
+export {Folio} from './Folio';
+export {AssinaturaMarca} from './AssinaturaMarca';
+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/revista/exemplos/logo-linho.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="56" fill="none" stroke="#7A1F2B" stroke-width="4"/><path d="M42 36v48h30" fill="none" stroke="#7A1F2B" stroke-width="6"/></svg>

package/kits/revista/exemplos/plano.json

@@ -0,0 +1,44 @@
+{
+  "kit": "revista",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {"volume": 0.45},
+  "cenas": [
+    {
+      "batida": "gancho", "de": 0, "ate": 58, "entrada": "nenhuma",
+      "camadas": [
+        {"elemento": "TituloEditorial", "props": {"kicker": "coleção outono", "linhas": ["O outono", "*chegou.*"], "inicio": 4, "intervalo": 10, "y": 700, "tamanho": 250}},
+        {"elemento": "Folio", "props": {"numero": "01", "secao": "Casa Linho", "inicio": 24}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "pop-palavra", "em": 8}, {"som": "impacto", "em": 22}]
+    },
+    {
+      "batida": "virada", "de": 58, "ate": 108, "entrada": "subir",
+      "camadas": [
+        {"elemento": "FotoSangrando", "props": {"src": "fotos/foto-06.jpg", "y": 700, "altura": 900, "inicio": 2, "rotulo": "ensaio", "legenda": "Linho, lã e luz baixa.", "foco": "50% 60%"}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-cartao", "em": 20}]
+    },
+    {
+      "batida": "prova", "de": 108, "ate": 168, "entrada": "subir",
+      "camadas": [
+        {"elemento": "PaginaDupla", "props": {"foto": "fotos/foto-07.jpg", "direita": {"kicker": "Casa Linho", "titulo": "Feito *devagar*", "texto": "Tecidos naturais, cores de terra e peças que duram."}, "depois": {"foto": "fotos/foto-08.jpg", "direita": {"kicker": "Coleção", "titulo": "Vinte peças", "texto": "Cada uma em tiragem pequena, costurada aqui."}}, "inicio": 2, "viraEm": 30, "y": 700, "altura": 640}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-cartao", "em": 14}, {"som": "swoosh", "em": 29}]
+    },
+    {
+      "batida": "depoimento", "de": 168, "ate": 204, "entrada": "subir",
+      "camadas": [
+        {"elemento": "CitacaoGrande", "props": {"citacao": "Elegância é o que sobra.", "autor": "Casa Linho", "inicio": 2, "y": 700}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "pop-palavra", "em": 10}, {"som": "pop-palavra", "em": 20}]
+    },
+    {
+      "batida": "marca", "de": 204, "ate": 240, "entrada": "subir",
+      "camadas": [
+        {"elemento": "AssinaturaMarca", "props": {"nome": "Casa Linho", "icone": "logo-linho.svg", "detalhe": "coleção outono, em abril", "endereco": "casalinho.exemplo", "inicio": 0, "y": 700}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "assinatura", "em": 6}, {"som": "clique", "em": 30}]
+    }
+  ]
+}

package/kits/revista/exemplos/roteiro.md

@@ -0,0 +1,19 @@
+# Roteiro de demonstração · "Casa Linho" (marca fictícia)
+
+Pedido: *"um reels de 8 s da coleção de outono da Casa Linho, em abril. Elegante, de revista."*
+
+Sem narração: os cortes seguem a trilha (100 bpm, 1 batida = 18 quadros). Cada golpe tem pausa antes do próximo.
+
+| # | batida | tempo (quadros) | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–58 | "O outono / *chegou.*" + folio 01 | TituloEditorial + Folio | whoosh, pop, impacto |
+| 2 | virada | 58–108 | foto grande abre por cortina + "Linho, lã e luz baixa." | FotoSangrando | whoosh, pop de cartão |
+| 3 | prova | 108–168 | página dupla (foto + "Feito *devagar*") que vira para "Vinte peças" | PaginaDupla | whoosh, swoosh, pop |
+| 4 | depoimento | 168–204 | “Elegância é o que sobra.” | CitacaoGrande | pops |
+| 5 | marca | 204–240 | CASA LINHO + frase em itálico + endereço | AssinaturaMarca | assinatura, clique |
+
+Como a IA chegou nisso:
+1. Cortou o pedido em frases curtas e deu um herói por plano; folio só no gancho como apoio.
+2. Usou a página dupla como prova (o movimento de virar é o 3D do estilo) e a citação como respiro.
+3. Deixou 15–25 quadros parados depois de cada golpe (título, foto, página, aspas).
+4. O `preview.tsx` passa esse plano para `Montagem`, que só usa os elementos do kit.

package/kits/revista/preview.tsx

@@ -0,0 +1,21 @@
+// 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-revista`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+import f2 from './exemplos/fotos/foto-02.jpg';
+import f3 from './exemplos/fotos/foto-03.jpg';
+import f5 from './exemplos/fotos/foto-05.jpg';
+import f6 from './exemplos/fotos/foto-06.jpg';
+import f7 from './exemplos/fotos/foto-07.jpg';
+import f8 from './exemplos/fotos/foto-08.jpg';
+import logo from './exemplos/logo-linho.svg';
+
+const arquivos: Record<string, string> = {
+  'fotos/foto-02.jpg': f2, 'fotos/foto-03.jpg': f3, 'fotos/foto-05.jpg': f5, 'fotos/foto-06.jpg': f6, 'fotos/foto-07.jpg': f7, 'fotos/foto-08.jpg': f8,
+  'logo-linho.svg': logo,
+};
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} arquivos={arquivos} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 76, Componente: Preview};

package/kits/revista/receita.json

@@ -0,0 +1,168 @@
+{
+  "kit": "revista",
+  "fps": 30,
+  "batida_trilha_quadros": 18,
+  "duracao_video_s": [
+    6,
+    45
+  ],
+  "ordem_sugerida": [
+    "gancho",
+    "virada",
+    "prova",
+    "depoimento",
+    "oferta",
+    "marca"
+  ],
+  "batidas": [
+    {
+      "nome": "gancho",
+      "obrigatoria": true,
+      "duracao": [
+        45,
+        75
+      ],
+      "elementos": [
+        "TituloEditorial",
+        "Folio"
+      ],
+      "entrada": [
+        "nenhuma",
+        "subir"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "impacto"
+      ],
+      "nota": "título de 2 linhas, a segunda em itálico vinho; o título fecha e fica parado 0,6 s."
+    },
+    {
+      "nome": "virada",
+      "obrigatoria": false,
+      "duracao": [
+        45,
+        75
+      ],
+      "elementos": [
+        "FotoSangrando",
+        "TituloEditorial"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "pop-cartao"
+      ],
+      "nota": "foto grande abre por cortina com legenda."
+    },
+    {
+      "nome": "prova",
+      "obrigatoria": true,
+      "duracao": [
+        50,
+        90
+      ],
+      "elementos": [
+        "PaginaDupla",
+        "ColagemFotos",
+        "FotoSangrando"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "swoosh",
+        "pop-cartao"
+      ],
+      "nota": "página dupla que vira, ou colagem de 3 fotos."
+    },
+    {
+      "nome": "depoimento",
+      "obrigatoria": false,
+      "duracao": [
+        40,
+        75
+      ],
+      "elementos": [
+        "CitacaoGrande"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "pop-palavra"
+      ],
+      "nota": "frase de até 8 palavras que se escreve palavra por palavra."
+    },
+    {
+      "nome": "oferta",
+      "obrigatoria": false,
+      "duracao": [
+        40,
+        66
+      ],
+      "elementos": [
+        "TituloEditorial",
+        "Folio"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "impacto"
+      ],
+      "nota": "preço, prazo ou coleção em uma linha de título."
+    },
+    {
+      "nome": "marca",
+      "obrigatoria": true,
+      "duracao": [
+        48,
+        90
+      ],
+      "elementos": [
+        "AssinaturaMarca"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "assinatura",
+        "clique"
+      ],
+      "nota": "sempre a última: filetes vinho abrem, nome espaçado, frase em itálico, endereço."
+    }
+  ],
+  "transicoes": [
+    {
+      "nome": "subir",
+      "quadros": 14,
+      "como": "entra 120 px de baixo com desfoque 8 px; a anterior sobe 100 px e some em 12 quadros"
+    },
+    {
+      "nome": "zoom",
+      "quadros": 14,
+      "como": "entra de 1,9x para 1"
+    },
+    {
+      "nome": "direita",
+      "quadros": 14,
+      "como": "entra 348 px da direita"
+    },
+    {
+      "nome": "nenhuma",
+      "quadros": 0,
+      "como": "sem movimento de janela (gancho)"
+    }
+  ],
+  "camera": {
+    "deriva": "sempre, suave",
+    "socos": "toque leve em cada corte"
+  },
+  "trilha": {
+    "arquivo": "assets/trilha/editorial-100bpm.mp3",
+    "volume": 0.45,
+    "com_narracao": 0.25
+  }
+}

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

@@ -0,0 +1,19 @@
+# Área segura (9:16, 1080×1920)
+
+- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 96** e **x = 984** (888 px úteis, margem de 8,9%).
+- Embaixo de 1330 px ficam a legenda e os botões do Reels/TikTok: ali só fundo e elementos que sangram.
+- Posições de referência (centro, em px):
+
+| uso | y |
+|---|---|
+| kicker (rótulo) | 330 |
+| título (centro do bloco) | 640–720 |
+| foto (centro) | 720 |
+| legenda da foto | 1250 |
+| página dupla (centro) | 700 |
+| citação (centro) | 720 |
+| folio | 1270 |
+| marca (nome) | 640 |
+
+- Margem lateral de 96 px e nada encostando na borda: a foto também respeita os 96 px.
+- Respiro: 35–45% do quadro vazio, 1 herói + no máximo 1 apoio por plano, nada encostando na borda, e uma pausa de 15 a 24 quadros depois de cada golpe grande.

package/kits/revista/regras/cor.md

@@ -0,0 +1,14 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `creme` | `#F6F1E9` | chão de todas as cenas |
+| `pagina` | `#FBF8F2` | páginas da página dupla |
+| `tinta` | `#14110F` | texto principal |
+| `vinho` | `#7A1F2B` | itálico de destaque, filetes, aspas |
+| `cinza` | `#8C857B` | legendas, folio, rótulos |
+
+- Sem degradê; a única sombra é a da lombada e da página que vira (`rgba(20,17,15,0.22)`).
+- Um destaque em `vinho` por plano (a palavra em itálico ou o filete), nunca os dois fortes juntos.
+- Foto em cores naturais, levemente quente (`saturate(0.92) sepia(0.12)`).
+- O cliente pode trocar o `vinho` pela cor da marca.

package/kits/revista/regras/movimento.md

@@ -0,0 +1,15 @@
+# Movimento
+
+- Tela 1080×1920, **30 fps**. Curva padrão `e5` ≈ cubic-bezier(.2,.8,.2,1); toda entrada com sobra `eb` (easeOutBack, passa ~10% e volta).
+- A câmera nunca para: zoom 1,016 ± 0,012 (período 140 quadros), deslize ±10 × ±12 px, giro ±0,17°; toque de +1,6% que cai em 10 quadros a cada corte.
+- Entrada de cena: 14 quadros; saída sobrepõe 12 quadros com a próxima. Corte ou troca a cada 0,6–1,5 s (18–45 quadros).
+
+| movimento | quadros | valores |
+|---|---|---|
+| título fecha | 30 | tracking 0,25 em → −0,01 em (`e5`) e subida de 60 px com máscara; linhas 10 quadros uma da outra |
+| cortina da foto | 22 | clip-path inset 100% → 0 de cima para baixo (`e5`); push-in 1,15 → 1,25 durante a cena |
+| página dupla entra | 18 | translateY 90 → 0 com `eb` e rotateX 8° → 0 |
+| página vira | 24 | rotateY 0 → −180° sobre a lombada (`e5`), sombra cresce até 90° |
+| palavra da citação | 5 por palavra | translateY 30 → 0 e opacidade 0 → 1; aspas entram com `eb` |
+| colagem | 20 | cada foto entra de um lado (±600 px) com `eb` e deriva 0,4 px/quadro |
+| saída de cena | 12 | sobe 100 px e some, sobrepondo 12 quadros |

package/kits/revista/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- 100 bpm → 1 batida = **18.00 quadros** (0.600 s). Cortes caem nas batidas; depois de cada golpe vem uma pausa de 15–24 quadros sem movimento novo.
+- Tempo mínimo de leitura: **45** quadros por frase (≈ 0,45 s por palavra curta).
+
+| batida | duração (s) | quadros |
+|---|---|---|
+| gancho | 1.5–2.5 | 45–75 |
+| virada | 1.5–2.5 | 45–75 |
+| prova | 1.7–3.0 | 50–90 |
+| depoimento | 1.3–2.5 | 40–75 |
+| oferta | 1.3–2.2 | 40–66 |
+| marca | 1.6–3.0 | 48–90 |
+
+- Vídeo de demo: 8 s = 240 quadros (13.3 batidas).

package/kits/revista/regras/som.md

@@ -0,0 +1,21 @@
+# Som
+
+- Trilha: `assets/trilha/editorial-100bpm.mp3` (9 s, 100 bpm), volume **0.45**, fade de saída nos últimos **20 quadros**. Vídeo maior que 9 s: gere outra no MotionCraft (`music make`, preset dreamy, 100 bpm, tom Bb, lead glock, bateria soft, comp sustain) — não faça loop.
+- Com narração: trilha a **0,25** e efeitos a 70% do volume da tabela.
+- Efeitos sintetizados (MotionCraft `sfx make`, pacote glass: finos e brilhantes); trilha de 9 s, 100 bpm, suave.
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0.7 | entrada de cena (−1 quadro) |
+| `swoosh` | 0.8 | a página que vira |
+| `pop-palavra` | 0.8 | cada palavra da citação (no máximo 3) |
+| `pop-cartao` | 0.9 | foto que termina de abrir |
+| `clique` | 0.8 | filete que fecha |
+| `impacto` | 0.7 | a palavra em itálico do título |
+| `subida` | 0.7 | 1,3 s antes do golpe final |
+| `assinatura` | 0.9 | revelação da marca |
+| `whoosh-sai` | 0.8 | saída grande |
+
+- Um som por movimento que importa; no máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
+- Som entra **1 a 2 quadros antes** do visual.
+- O render nivela o mix em **−14 LUFS**, pico −1,5 dBTP.

package/kits/revista/regras/tipografia.md

@@ -0,0 +1,17 @@
+# Tipografia
+
+Cormorant Garamond (romano 700 e itálico) para tudo que se lê; Jost 500 em caixa alta com espaçamento largo só para rótulos, folio e endereço.
+
+| papel | tamanho (px) | máx. caracteres | peso · tracking · caixa |
+|---|---|---|---|
+| título (linha) | 230 (encolhe até 110) | 12 por linha | Cormorant 700 · −0,01 em · entrelinha 0,95 · itálico vinho na palavra em destaque |
+| citação | 92 | 60 no total | Cormorant itálico 600 · entrelinha 1,12 |
+| aspas | 380 | 1 | Cormorant 500 · vinho |
+| texto da página dupla | 30 | 220 por página | Cormorant 500 · entrelinha 1,4 |
+| título da página | 64 | 24 | Cormorant 700 |
+| rótulo / folio / endereço | 28 | 34 | Jost 500 · 0,22 em · MAIÚSCULAS |
+| nome na marca | 170 (encolhe) | 12 | Cormorant 700 · 0,14 em · MAIÚSCULAS |
+
+- Texto que passa da largura útil (888 px) **encolhe sozinho** (`caber()` em `elementos/base.ts`). Nunca palavra cortada.
+- Destaque `*palavra*` = itálico em vinho.
+- Nunca mais de 3 linhas de título; margem lateral de 96 px.

package/kits/risografia/SKILL.md

@@ -0,0 +1,53 @@
+---
+slug: risografia
+nome: Risografia
+descricao: duas tintas (rosa fluor e azul), retícula de pontos, registro fora de lugar, granulação e marcas de impressão no papel
+familia: Feito à mão
+versao: 1
+quando:
+  - "vídeo de feira de zines, evento cultural ou lançamento de livro"
+  - "anúncio de marca criativa, independente, com cara de impresso"
+  - "convite de show, expo ou oficina com estética de cartaz"
+  - "quero risografia, duas cores, retícula, serigrafia"
+  - "reels de loja de papelaria, selo musical ou coletivo"
+nao_serve:
+  - "visual limpo e tecnológico (use apple-tipografico)"
+  - "mais de duas cores de marca"
+  - "fotos reais coloridas"
+---
+
+# Risografia
+
+Um cartaz impresso em risografia que se imprime na frente do espectador. Só **duas tintas**, rosa fluor `#FF48B0` e azul `#0078BF`, sobre papel `#F3EEE2`. Cada elemento é impresso em duas chapas com **o registro fora de lugar** (entram afastadas e assentam a ~7 px, nunca alinham) e, onde as tintas se cruzam, a cor escurece em roxo (`mix-blend-mode: multiply`). O azul aparece em **retícula de pontos** (halftone); o rosa, chapado. Marcas de registro nos 4 cantos, tirinha de teste de cor e granulação fixa ficam em todo plano. O quadro respira: 1 herói, no máximo 1 apoio.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas (1 a 4 palavras). Uma frase = uma cena de 0,6 a 1,5 s.
+2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → lista → data → marca). Cada batida diz a duração e os elementos que 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`. 1 batida da trilha = 18.75 quadros.
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou combine `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
+5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `TituloRiso` | linhas em duas chapas fora de registro; a linha de destaque só em azul | gancho, virada |
+| `BolaReticula` | herói: dois círculos enormes (um em retícula) que se cruzam e orbitam | virada, prova |
+| `NumeroRiso` | número gigante: chapa rosa + chapa azul em retícula; rótulo em caixa | prova |
+| `ListaRiso` | itens numerados com sublinhado de tinta que se desenha | lista |
+| `TarjaCarimbo` | retângulo rosa com texto vazado que carimba, contorno azul fora de registro | data, oferta |
+| `FormaRiso` | sol, estrela, onda, arco ou listras em duas tintas (apoio) | apoio |
+| `AssinaturaMarca` | logo de dois círculos que se cruzam + nome + endereço | marca (sempre a última) |
+| `Fundo`, `Overlay`, `Camera`, `Cena` | papel com sobra de retícula, granulação + marcas de registro, câmera, janela | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Qualquer cor além de rosa, azul, o roxo do cruzamento e o papel. Nada de verde, amarelo, preto puro.
+- Degradê suave: o tom vem da retícula de pontos, nunca de gradiente.
+- Alinhar as chapas: o registro fica sempre fora (6–9 px).
+- Mais de 1 herói + 1 apoio; menos de 35% do quadro livre; margens menores que 96 px.
+- Sombra, brilho, blur, fotos coloridas, emoji.
+- Fontes que não sejam Bricolage Grotesque ou Space Mono; texto fora da área segura (168–1330 px).
+- Seguir adiante sem a pausa de 0,5–0,8 s depois de cada impacto.

package/kits/risografia/assets/ASSETS.md

@@ -0,0 +1,18 @@
+# Assets do kit risografia
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/bricolage-800.woff2` | Bricolage Grotesque (título), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-bricolage-800.txt` |
+| `fontes/space-mono-700.woff2` | Space Mono (texto), subset latino | Google Fonts (fonts.gstatic.com), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-space-mono-700.txt` |
+| `sons/whoosh-entra.mp3` | efeito whoosh-entra | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/whoosh-sai.mp3` | efeito whoosh-sai | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/swoosh.mp3` | efeito swoosh | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/pop-palavra.mp3` | efeito pop-palavra | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/pop-cartao.mp3` | efeito pop-cartao | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | efeito clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | efeito impacto | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | efeito subida | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | efeito assinatura | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/tick.mp3` | efeito tick | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `trilha/trilha.mp3` | trilha de 8,7 s, 96 bpm | MotionCraft `music make --preset lofi-desk --bpm 96 --key Eb` | síntese própria (CC0); MotionCraft é MIT |
+

package/kits/risografia/assets/fontes/OFL-bricolage-800.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Bricolage Grotesque Project Authors (https://github.com/rsms/inter)
+
+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.