primocode 10.19.0 → 11.1.0

package/kits/revista/elementos/TituloEditorial.tsx

@@ -1,31 +0,0 @@
-// TituloEditorial: linhas Cormorant 700 com a palavra em `*itálico vinho*`. Cada linha sobe 60 px por trás de uma máscara
-// enquanto o espaçamento entre letras fecha de 0,25 em a −0,01 em (30 quadros); 10 quadros entre linhas. Kicker em Jost.
-import React from 'react';
-import {useCurrentFrame} from 'remotion';
-import {COR, FONTE, LARGURA_UTIL, SEGURA, caber, e5, eb, pedacos, seg, textoLimpo} from './base';
-
-export type TituloEditorialProps = {linhas: string[]; kicker?: string; inicio?: number; intervalo?: number; y?: number; tamanho?: number; fim?: number};
-
-export const TituloEditorial: React.FC<TituloEditorialProps> = ({linhas, kicker, inicio = 0, intervalo = 10, y = 700, tamanho = 230, fim}) => {
-  const f = useCurrentFrame();
-  if (fim !== undefined && f >= fim) return null;
-  const tams = linhas.map((l) => caber(textoLimpo(l), tamanho, LARGURA_UTIL, 700, -0.01));
-  const alts = tams.map((t) => t * 0.98);
-  const total = alts.reduce((a, b) => a + b, 0) + (kicker ? 80 : 0);
-  let topo = y - total / 2;
-  const kt = topo; if (kicker) topo += 80;
-  const kp = e5(seg(f, inicio, inicio + 20));
-  return <div style={{position: 'absolute', inset: 0}}>
-    {kicker && <div style={{position: 'absolute', left: SEGURA.lado, top: kt, fontFamily: FONTE.apoio, fontWeight: 500, fontSize: 28, letterSpacing: '0.22em', textTransform: 'uppercase', color: COR.cinza, opacity: kp, transform: `translateY(${(1 - kp) * 20}px)`}}>{kicker}</div>}
-    {linhas.map((l, i) => {
-      const top = topo; topo += alts[i];
-      const p = e5((f - inicio - i * intervalo) / 30);
-      const q = eb((f - inicio - i * intervalo) / 16, 1.1);
-      return <div key={i} style={{position: 'absolute', left: SEGURA.lado, top, height: alts[i], width: LARGURA_UTIL, overflow: 'hidden', opacity: f < inicio + i * intervalo ? 0 : 1}}>
-        <div style={{height: alts[i], lineHeight: `${alts[i]}px`, whiteSpace: 'nowrap', fontSize: tams[i], color: COR.tinta, letterSpacing: `${0.25 - 0.26 * p}em`, transform: `translateY(${(1 - Math.min(q, 1.04)) * 60}px)`}}>
-          {pedacos(l).map((s, j) => <span key={j} style={s.d ? {fontFamily: FONTE.italico, fontStyle: 'italic', fontWeight: 600, color: COR.vinho} : {fontFamily: FONTE.titulo, fontWeight: 700}}>{s.t}</span>)}
-        </div>
-      </div>;
-    })}
-  </div>;
-};

package/kits/revista/elementos/base.ts

@@ -1,76 +0,0 @@
-// 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

@@ -1,16 +0,0 @@
-// 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

@@ -1 +0,0 @@
-<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

@@ -1,44 +0,0 @@
-{
-  "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

@@ -1,19 +0,0 @@
-# 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

@@ -1,21 +0,0 @@
-// 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

@@ -1,168 +0,0 @@
-{
-  "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

@@ -1,19 +0,0 @@
-# Á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

@@ -1,14 +0,0 @@
-# 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

@@ -1,15 +0,0 @@
-# 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

@@ -1,15 +0,0 @@
-# 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

@@ -1,21 +0,0 @@
-# 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

@@ -1,17 +0,0 @@
-# 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/assets/ASSETS.md

@@ -1,18 +0,0 @@
-# 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/elementos/AssinaturaMarca.tsx

@@ -1,21 +0,0 @@
-// AssinaturaMarca: logo de dois círculos que se cruzam (rosa e azul, o cruzamento sai roxo) com o nome em Bricolage 800, detalhe e endereço em Space Mono.
-// As chapas entram fora de registro e assentam. Sempre a última cena.
-import React from 'react';
-import {COR, FONTE_TEXTO, FONTE_TITULO, caber, mola, seg, useF} from './base';
-
-export type AssinaturaMarcaProps = {nome: string; detalhe?: string; endereco?: string; inicio?: number};
-export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({nome, detalhe, endereco, inicio = 0}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 12), 1.8), q = mola(seg(f, 5, 17), 1.8);
-  const tam = caber(nome, 200, 860, FONTE_TITULO, 800, -0.04);
-  const pn = mola(seg(f, 12, 24), 1.6);
-  const S = 380;
-  return <>
-    <div style={{position: 'absolute', left: 540 - S + 60 + (1 - p) * -700, top: 330, width: S, height: S, borderRadius: '50%', background: COR.rosa, mixBlendMode: 'multiply', transform: `scale(${0.6 + p * 0.4})`}} />
-    <div style={{position: 'absolute', left: 540 - 60 + (1 - q) * 700, top: 330 + 40, width: S, height: S, borderRadius: '50%', background: COR.azul, mixBlendMode: 'multiply', transform: `scale(${0.6 + q * 0.4})`}} />
-    <div style={{position: 'absolute', left: 0, right: 0, top: 830, textAlign: 'center', fontFamily: FONTE_TITULO, fontWeight: 800, fontSize: tam, letterSpacing: '-0.04em', lineHeight: 1.1, color: COR.azul, mixBlendMode: 'multiply', opacity: pn, transform: `translateX(${(1 - pn) * 60}px)`, whiteSpace: 'nowrap'}}>{nome}</div>
-    <div style={{position: 'absolute', left: 0, right: 0, top: 830, textAlign: 'center', fontFamily: FONTE_TITULO, fontWeight: 800, fontSize: tam, letterSpacing: '-0.04em', lineHeight: 1.1, color: COR.rosa, mixBlendMode: 'multiply', opacity: pn, transform: `translate(${-8 - (1 - pn) * 60}px, -5px)`, whiteSpace: 'nowrap'}}>{nome}</div>
-    {detalhe && <div style={{position: 'absolute', left: 96, right: 96, top: 830 + tam * 1.15 + 30, textAlign: 'center', fontFamily: FONTE_TEXTO, fontWeight: 700, fontSize: caber(detalhe.toUpperCase(), 54, 888, FONTE_TEXTO, 700, 0.05), letterSpacing: 4, color: COR.azul, opacity: pn}}>{detalhe.toUpperCase()}</div>}
-    {endereco && <div style={{position: 'absolute', left: 0, right: 0, top: 830 + tam * 1.15 + 130, display: 'flex', justifyContent: 'center', opacity: f > 20 ? 1 : 0}}><div style={{background: COR.azul, color: COR.papel, fontFamily: FONTE_TEXTO, fontWeight: 700, fontSize: 56, padding: '10px 44px', letterSpacing: 2, transform: `rotate(-2deg) translateY(${(1 - mola(seg(f, 20, 28))) * 60}px)`}}>{endereco}</div></div>}
-  </>;
-};

package/kits/risografia/elementos/BolaReticula.tsx

@@ -1,26 +0,0 @@
-// BolaReticula: o herói. Dois círculos enormes preenchidos com retícula de pontos (halftone) que engrossam de um lado para o outro,
-// um em rosa e outro em azul, deslocados; onde se cruzam sai roxo. Entram de lados opostos e orbitam devagar, com o registro fora.
-import React from 'react';
-import {COR, mola, seg, useF} from './base';
-
-export type BolaReticulaProps = {inicio?: number; y?: number; diametro?: number};
-const reticula = (cor: string, ang: number, passo: number) => ({
-  backgroundImage: `radial-gradient(circle, ${cor} 0 38%, transparent 42%)`, backgroundSize: `${passo}px ${passo}px`,
-  WebkitMaskImage: `linear-gradient(${ang}deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 100%)`, maskImage: `linear-gradient(${ang}deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 100%)`,
-});
-export const BolaReticula: React.FC<BolaReticulaProps> = ({inicio = 0, y = 720, diametro = 640}) => {
-  const f = useF() - inicio;
-  const p = mola(seg(f, 0, 14), 1.6), q = mola(seg(f, 5, 19), 1.6);
-  const orb = f / 22;
-  const d = diametro;
-  return <>
-    <div style={{position: 'absolute', left: 540 - d / 2 - 120 + Math.cos(orb) * 30 + (1 - p) * -900, top: y - d / 2 + Math.sin(orb) * 24, width: d, height: d, borderRadius: '50%', mixBlendMode: 'multiply', background: COR.rosa, opacity: 0.92, transform: `scale(${0.6 + p * 0.4})`}} />
-    <div style={{position: 'absolute', left: 540 - d / 2 + 140 - Math.cos(orb) * 30 + (1 - q) * 900, top: y - d / 2 + 80 - Math.sin(orb) * 24, width: d, height: d, borderRadius: '50%', mixBlendMode: 'multiply', overflow: 'hidden', transform: `scale(${0.6 + q * 0.4})`}}>
-      <div style={{position: 'absolute', inset: 0, background: COR.azul, opacity: 0.2}} />
-      <div style={{position: 'absolute', inset: 0, ...reticula(COR.azul, 160, 26)}} />
-    </div>
-    <div style={{position: 'absolute', left: 540 - d / 2 - 120 + Math.cos(orb) * 30 + (1 - p) * -900 + 9, top: y - d / 2 + Math.sin(orb) * 24 + 7, width: d, height: d, borderRadius: '50%', mixBlendMode: 'multiply', overflow: 'hidden', transform: `scale(${0.6 + p * 0.4})`}}>
-      <div style={{position: 'absolute', inset: 0, ...reticula(COR.rosaEscuro, 20, 20)}} />
-    </div>
-  </>;
-};

package/kits/risografia/elementos/Camera.tsx

@@ -1,21 +0,0 @@
-// Camera: deriva constante por baixo de tudo e um soco em cada batida. O quadro nunca fica parado.
-import React from 'react';
-import {AbsoluteFill, useCurrentFrame} from 'remotion';
-import {q} from './base';
-
-export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
-
-export const posCamera = (f: number, batidas: number[], forca = 1) => {
-  let z = 1.015 + 0.008 * Math.sin(f / 60), dx = Math.sin(f / 31) * 8, dy = Math.cos(f / 43) * 6;
-  let rot = Math.sin(f / 71) * 0.003;
-  for (const h of batidas) if (f >= h) {
-    const d = Math.exp(-(f - h) / 7) * forca;
-    z += 0.02 * d; dx += 12 * d * Math.sin((f - h) * 2.7 + h); dy += 12 * d * Math.cos((f - h) * 3.3 + h); rot += 0.003 * 0.8 * d * Math.sin((f - h) * 2 + h);
-  }
-  return {z, dx, dy, rot};
-};
-
-export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
-  const c = posCamera(q(useCurrentFrame()), batidas, forca);
-  return <AbsoluteFill style={{transform: `translate(${c.dx}px, ${c.dy}px) rotate(${c.rot}rad) scale(${c.z})`, transformOrigin: '50% 44%'}}>{children}</AbsoluteFill>;
-};

package/kits/risografia/elementos/Cena.tsx

@@ -1,36 +0,0 @@
-// Cena: janela de tempo de um plano. Entra com movimento (nunca corte seco), sai com movimento e sobrepõe 10 quadros com a próxima.
-// Dentro dela, useCurrentFrame() começa em 0 e useDuracaoCena() devolve a duração.
-import React, {createContext, useContext} from 'react';
-import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
-import {mola, e5, seg, q} from './base';
-
-export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'nenhuma';
-export const SOBREPOE = 10;
-
-const CenaCtx = createContext({duracao: 60});
-export const useDuracaoCena = () => useContext(CenaCtx).duracao;
-
-export type CenaProps = {de: number; ate: number; entrada?: Entrada; ultima?: boolean; children: React.ReactNode};
-
-const Janela: React.FC<{duracao: number; entrada: Entrada; ultima: boolean; children: React.ReactNode}> = ({duracao, entrada, ultima, children}) => {
-  const f = q(useCurrentFrame());
-  const en = entrada === 'nenhuma' ? 0 : 1 - mola(seg(f, 0, 12));
-  const xo = ultima ? 0 : e5(seg(f, duracao, duracao + SOBREPOE));
-  let tf = '';
-  if (entrada === 'subir') tf += `translateY(${en * 200}px) `;
-  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9}) `;
-  if (entrada === 'direita') tf += `translateX(${en * 600}px) `;
-  if (entrada === 'esquerda') tf += `translateX(${-en * 600}px) `;
-  tf += `translateX(${-xo * 260}px)`;
-  const blur = (en * 0 + xo * 0);
-  return <AbsoluteFill style={{transform: tf, opacity: Math.max(0, (1 - Math.max(0, en) * 0.9) * (1 - xo)), filter: blur > 0.3 ? `blur(${blur}px)` : undefined}}>{children}</AbsoluteFill>;
-};
-
-export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', ultima = false, children}) => {
-  const duracao = ate - de;
-  return <Sequence from={de} durationInFrames={duracao + (ultima ? 0 : SOBREPOE)} layout="none">
-    <CenaCtx.Provider value={{duracao}}>
-      <Janela duracao={duracao} entrada={entrada} ultima={ultima}>{children}</Janela>
-    </CenaCtx.Provider>
-  </Sequence>;
-};