primocode 10.17.1 → 10.19.0

package/kits/minimal/elementos/base.ts

@@ -0,0 +1,80 @@
+// Base do kit minimal: 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/hanken.woff2';
+import fonte1Url from '../assets/fontes/splinemono.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 = {
+  osso: '#F7F6F2',
+  tinta: '#161616',
+  cobalto: '#2B4BFF',
+  cinza: '#B9B8B2'
+};
+
+
+// ---------- fonte ----------
+// Nome de família com o prefixo do kit, pra não colidir com outro kit no mesmo estúdio.
+export const FONTE = "\"MN Hanken\", system-ui, sans-serif";
+export const MONO = "\"MN Spline Mono\", ui-monospace, Menlo, monospace";
+const fontes = [
+  {nome: 'MN Hanken', url: fonte0Url, peso: '200 700', estilo: 'normal'},
+  {nome: 'MN Spline Mono', url: fonte1Url, peso: '400', estilo: 'normal'},
+];
+if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__minimal) {
+  (globalThis as Record<string, unknown>).__minimal = true;
+  for (const f of fontes) {
+    const h = delayRender('minimal: ' + 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 = 1.5; 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 (90 bpm) em quadros */
+export const BATIDA = 20.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 = 300, trackingEm = -0.03, familia = 'MN Hanken'): 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 = 300, trackingEm = -0.03, familia = 'MN Hanken') => {
+  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});
+/** valores de uma lista de chaves [[quadro, v1, v2...], ...] no quadro f, com pouso suave entre as chaves */
+export const chavesN = (f: number, ks: number[][]): number[] => { if (f <= ks[0][0]) return ks[0].slice(1); for (let i = 1; i < ks.length; i++) if (f <= ks[i][0]) { const t = e5(seg(f, ks[i - 1][0], ks[i][0])); return ks[i].slice(1).map((v, j) => lerp(ks[i - 1][j + 1] ?? 0, v, t)); } return ks[ks.length - 1].slice(1); };
+export const MARGEM = 120;

package/kits/minimal/elementos/index.ts

@@ -0,0 +1,15 @@
+// Tudo que o kit minimal 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 {FormaMorph} from './FormaMorph';
+export {FraseUnica} from './FraseUnica';
+export {NumeroSolo} from './NumeroSolo';
+export {PontoMovel} from './PontoMovel';
+export {LinhaFina} from './LinhaFina';
+export {RodapeMinimal} from './RodapeMinimal';
+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/minimal/exemplos/plano.json

@@ -0,0 +1,48 @@
+{
+  "kit": "minimal",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {"volume": 0.4},
+  "cenas": [
+    {
+      "batida": "forma", "de": 0, "ate": 50, "entrada": "nenhuma",
+      "camadas": [
+        {"elemento": "FormaMorph", "props": {"formas": [{"de": 0, "tipo": "circulo"}], "y": 880, "tamanho": 580, "inicio": 2}}
+      ],
+      "socos": [18],
+      "sons": [{"som": "toque", "em": 3}, {"som": "pop-cartao", "em": 17}]
+    },
+    {
+      "batida": "frase", "de": 50, "ate": 104, "entrada": "circulo",
+      "camadas": [
+        {"elemento": "FraseUnica", "props": {"linhas": ["Menos,", "mas *melhor.*"], "inicio": 4, "intervalo": 9, "y": 820, "tamanho": 170}}
+      ],
+      "sons": [{"som": "whoosh-entra", "em": 0}, {"som": "pop-palavra", "em": 14}]
+    },
+    {
+      "batida": "ponto", "de": 104, "ate": 156, "entrada": "baixo",
+      "camadas": [
+        {"elemento": "LinhaFina", "props": {"y": 880, "duracao": 18, "inicio": 0}},
+        {"elemento": "PontoMovel", "props": {"posicoes": [[0, 230], [14, 850], [30, 230], [44, 540]], "y": 880, "diametro": 240, "inicio": 4}}
+      ],
+      "socos": [14, 30],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-cartao", "em": 14}, {"som": "toque", "em": 30}]
+    },
+    {
+      "batida": "numero", "de": 156, "ate": 202, "entrada": "cortina",
+      "camadas": [
+        {"elemento": "NumeroSolo", "props": {"numero": "01", "rotulo": "uma ideia só", "inicio": 2, "y": 820, "tamanho": 640}}
+      ],
+      "sons": [{"som": "swoosh", "em": -1}, {"som": "pop-palavra", "em": 8}, {"som": "clique", "em": 22}]
+    },
+    {
+      "batida": "marca", "de": 202, "ate": 240, "entrada": "circulo",
+      "camadas": [
+        {"elemento": "FormaMorph", "props": {"formas": [{"de": 0, "tipo": "quadrado", "rot": 0}, {"de": 10, "tipo": "anel", "rot": 90}], "y": 800, "tamanho": 560, "inicio": 0}},
+        {"elemento": "RodapeMinimal", "props": {"nome": "Estúdio Lume", "url": "lume.exemplo", "inicio": 20, "y": 1250}}
+      ],
+      "socos": [10],
+      "sons": [{"som": "whoosh-entra", "em": -1}, {"som": "toque", "em": 10}, {"som": "assinatura", "em": 16}]
+    }
+  ]
+}

package/kits/minimal/exemplos/roteiro.md

@@ -0,0 +1,19 @@
+# Roteiro de demonstração · "Estúdio Lume" (estúdio de design fictício)
+
+Pedido: *"um filme minimalista de 8 s do Estúdio Lume: 'Menos, mas melhor.', uma ideia só, e o nome com o endereço."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 20 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | forma | 0–50 | círculo cobalto de 580 px nasce de um ponto | FormaMorph | toque, pop |
+| 2 | frase | 50–104 | "Menos, / mas *melhor.*" à esquerda | FraseUnica | whoosh, pop |
+| 3 | ponto | 104–156 | bola cobalto indo e vindo numa trilha fina | PontoMovel + LinhaFina | swoosh, pop, toque |
+| 4 | numero | 156–202 | "01" finíssimo + "uma ideia só" | NumeroSolo | swoosh, pop, clique |
+| 5 | marca | 202–240 | quadrado vira anel + "ESTÚDIO LUME · lume.exemplo" | FormaMorph + RodapeMinimal | whoosh, toque, assinatura |
+
+Como a IA chegou nisso:
+1. Cortou o pedido a uma ideia por cena e tirou tudo o que não era herói; cada cena tem 50%+ de vazio.
+2. Usou só uma cor (cobalto) e deixou a forma como fio entre as cenas (círculo → bola → anel).
+3. Trocou por círculo que abre (a forma do estilo) e cortou nas batidas da trilha (0, 50, 104, 156, 202).
+4. O `preview.tsx` passa o plano para `Montagem`, que só usa os elementos do kit.

package/kits/minimal/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-minimal`.
+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: 40, Componente: Preview};

package/kits/minimal/receita.json

@@ -0,0 +1,21 @@
+{
+  "kit": "minimal", "fps": 30, "batida_trilha_quadros": 20,
+  "duracao_video_s": [6, 24],
+  "ordem_sugerida": ["forma", "frase", "ponto", "numero", "marca"],
+  "batidas": [
+    {"nome": "forma", "obrigatoria": true, "duracao": [42, 54], "elementos": ["FormaMorph"], "entrada": ["nenhuma"], "sons": ["toque", "pop-cartao"], "nota": "o círculo cobalto nasce de um ponto e assenta; é a abertura. Nada mais na tela."},
+    {"nome": "frase", "obrigatoria": true, "duracao": [48, 54], "elementos": ["FraseUnica"], "entrada": ["circulo"], "sons": ["whoosh-entra", "pop-palavra"], "nota": "uma frase em 2 linhas à esquerda, uma palavra em cobalto."},
+    {"nome": "ponto", "obrigatoria": false, "duracao": [48, 54], "elementos": ["PontoMovel", "LinhaFina"], "entrada": ["baixo"], "sons": ["swoosh", "pop-cartao", "toque"], "nota": "a bola vai e volta na trilha, com squash e stretch; a linha é o único apoio."},
+    {"nome": "numero", "obrigatoria": false, "duracao": [42, 48], "elementos": ["NumeroSolo"], "entrada": ["cortina"], "sons": ["swoosh", "pop-palavra", "clique"], "nota": "um número de 1–3 dígitos finíssimo + rótulo curto."},
+    {"nome": "marca", "obrigatoria": true, "duracao": [36, 42], "elementos": ["FormaMorph", "RodapeMinimal"], "entrada": ["circulo"], "sons": ["whoosh-entra", "toque", "assinatura"], "nota": "sempre a última: a forma vira anel e o rodapé com nome e endereço entra por último."}
+  ],
+  "transicoes": [
+    {"nome": "circulo", "quadros": 14, "como": "círculo que cresce de 0 a 150% a partir de (50%, 55%); a anterior encolhe 5% e some 60%"},
+    {"nome": "cortina", "quadros": 14, "como": "faixa diagonal que varre da esquerda"},
+    {"nome": "baixo", "quadros": 14, "como": "revela de baixo pra cima"},
+    {"nome": "flip", "quadros": 14, "como": "gira em X de −80° a 0° pelo topo"},
+    {"nome": "nenhuma", "quadros": 0, "como": "só na primeira cena"}
+  ],
+  "camera": {"deriva": "sempre, quase imperceptível", "socos": "só quando a forma muda"},
+  "trilha": {"arquivo": "assets/trilha/vazio-90bpm.mp3", "volume": 0.4, "com_narracao": 0.18}
+}

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

@@ -0,0 +1,15 @@
+# Área segura (9:16, 1080×1920)
+
+- Todo texto lido: **y 168–1330**, **x 120–960** (margem de 120 px dos dois lados). As cruzes de registro (96 px) são o único traço fora.
+- Respiro (regra do dono): **50%+ do quadro vazio**; 1 herói + no máximo 1 apoio; nada encosta nas bordas.
+
+| elemento | y de referência (centro) |
+|---|---|
+| forma (580 px) | 800–880 (centrada em x 540) |
+| frase (2 linhas, 170 px) | 820 (alinhada em x 120) |
+| número (640 px) | 820 |
+| rótulo do número | ≈ 1230 (topo) |
+| trilha + ponto (240 px) | 880 (ponto entre x 230 e 850) |
+| rodapé | 1250 (fio em x 120–960) |
+
+- A forma pode ser pílula de 840 px (largura máxima); nunca passa de x 120–960.

package/kits/minimal/regras/cor.md

@@ -0,0 +1,12 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `osso` | `#F7F6F2` | chão |
+| `tinta` | `#161616` | texto, fios (40%), cruzes de registro (35%) |
+| `cobalto` | `#2B4BFF` | a única cor viva: a forma, o destaque, o ponto, o quadradinho |
+| `cinza` | `#B9B8B2` | reserva (sombra de apoio, nunca em texto) |
+
+- Chão chapado, sem degradê, sem textura, sem sombra, sem brilho. Cruzes de registro: traço de 3 px, braço de 16 px, a 96 px das bordas.
+- **Uma cor viva por vídeo.** Contraste cobalto sobre osso ≥ 6:1.
+- O cliente pode trocar `cobalto` por qualquer cor de marca saturada (vermelho `#E5251B`, verde `#00A86B`, preto `#161616`); só uma. Proibido: duas cores vivas, degradê.

package/kits/minimal/regras/movimento.md

@@ -0,0 +1,20 @@
+# Movimento
+
+Curvas: `e5(t) = 1 − (1 − t)^5` e `ov(t)` = pouso com overshoot curto (k = 1,5: passa ≈ 1,05× e volta). **Toda entrada usa `ov`.**
+
+| movimento | duração | valores |
+|---|---|---|
+| forma nasce | 20 quadros | escala 0 → 1 com overshoot, a partir do centro |
+| forma muda | 18 quadros | largura, altura, raio, contorno e giro interpolam juntos; giro até 90° |
+| forma boia | contínuo | y ±8 px (`sin(f/22)`), giro ±2° (`sin(f/40)`) |
+| linha da frase | 16 quadros, 8–9 entre linhas | sobe 115% da máscara |
+| dígito do número | 18 quadros, 5 entre dígitos | sobe 110% da máscara |
+| rótulo do número | 14 quadros | entra −60 px da esquerda |
+| ponto | percorre 620 px em 14–16 quadros | estica até 1,5× na velocidade (0,012 por px/quadro); achata 0,2 ao chegar (8 quadros) |
+| fio | 18–22 quadros | se desenha da esquerda; ponto de 22 px estoura no fim |
+| rodapé | 16 quadros | sobe 30 px, fio de 840 px se desenha |
+| troca de cena | 14 quadros | `circulo` (de 0 a 150% a partir de 50%, 55%), `cortina`, `baixo`; a anterior encolhe 5% |
+| câmera (sempre) | contínuo | zoom 1,012 ± 0,012 (+0,0001/quadro), deriva ±5/±5 px, giro ±0,11° |
+| soco de câmera | decai em ~7 quadros | +0,015 de zoom, tremor 3 px; só quando a forma muda |
+
+- Pausa: depois que a forma muda ou o número termina, segure 15–24 quadros; só a deriva da câmera e o boiar andam.

package/kits/minimal/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- 90 bpm: **1 batida = 20 quadros** (0,67 s). Cortes caem a cada 2–3 batidas (40–60 quadros).
+- Vídeo de 8 s = 240 quadros = 5 cenas de 38–54 quadros.
+
+| batida | duração s | quadros |
+|---|---|---|
+| forma | 1,4–1,8 | 42–54 |
+| frase | 1,6–1,8 | 48–54 |
+| ponto | 1,6–1,8 | 48–54 |
+| numero | 1,4–1,6 | 42–48 |
+| marca | 1,2–1,4 | 36–42 |
+
+- Leitura mínima: frase ≥ 30 quadros inteira na tela; número ≥ 24 quadros.
+- Cada cena: entrada → 1 evento → **pausa de 15–24 quadros** → saída. Se a cena precisa de 2 eventos, divida em 2 cenas.

package/kits/minimal/regras/som.md

@@ -0,0 +1,21 @@
+# Som
+
+- Trilha: `assets/trilha/vazio-90bpm.mp3` (8,6 s, 90 bpm, dark-minimal, tom C), volume **0,4**, fade nos últimos **20 quadros**. Vídeo maior: gere outra (`music make --preset dark-minimal --bpm 90 --key C --force`), sem loop. A trilha também pode ser omitida: com `trilha: false` o vídeo fica só nos toques.
+- Com narração: trilha a **0,18** e efeitos a 70%.
+- Pacote de efeitos `paper` (secos e curtos); volumes médios-baixos.
+
+| som | volume | quando |
+|---|---|---|
+| `toque` | 0,6 | a forma nasce ou muda |
+| `pop-cartao` | 0,7 | forma que pousa |
+| `pop-palavra` | 0,7 | primeira linha da frase, número |
+| `whoosh-entra` | 0,5 | cena que entra por círculo/cortina |
+| `swoosh` | 0,55 | bola que corre, troca de baixo |
+| `clique` | 0,6 | rótulo que fecha |
+| `assinatura` | 0,7 | rodapé final |
+| `impacto` | 0,6 | opcional, 1 por vídeo |
+| `subida` | 0,5 | opcional |
+| `whoosh-sai` | 0,4 | opcional |
+
+- No máximo **2 sons por segundo**; um som por movimento que importa; 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/minimal/regras/tipografia.md

@@ -0,0 +1,15 @@
+# Tipografia
+
+- **Hanken Grotesk 200–700** (frase, número) · **Spline Sans Mono 400** (rótulos, rodapé). Registradas como `"MN Hanken"` e `"MN Spline Mono"`.
+- Frase em peso 300, destaque em 500 cobalto. Tudo alinhado à esquerda na margem de **120 px**; tracking −0,03 a −0,05 em; sem negrito pesado.
+
+| papel | fonte | tamanho px | máx. caracteres |
+|---|---|---|---|
+| frase | Hanken 300 | 150–170 (encolhe até 840) | 14 por linha |
+| palavra de destaque | Hanken 500, cobalto | igual à frase | 12 |
+| número solo | Hanken 200 | 640 (encolhe até 840) | 3 |
+| rótulo do número | Spline Mono 400, 0,04 em | 40 | 22 |
+| nome no rodapé | Spline Mono 400, caixa alta, 0,06 em | 36 | 16 |
+| endereço no rodapé | Spline Mono 400 | 36 | 20 |
+
+- Linha: `line-height` 1,18 × o tamanho; máscara de altura igual para a linha subir de dentro (115%).

package/kits/neon-cidade/SKILL.md

@@ -0,0 +1,51 @@
+---
+slug: neon-cidade
+nome: Neon urbano
+descricao: noite quase preta, letreiros de tubo neon rosa, ciano e âmbar que acendem letra por letra, placa pendurada balançando, chuva e reflexo
+familia: 3D e abstrato
+versao: 1
+quando:
+  - "divulgação de bar, balada, show, DJ ou evento noturno"
+  - "vídeo de marca urbana, streetwear, música ou delivery de madrugada"
+  - "reels de abertura de loja 24 h, inauguração ou promoção noturna"
+  - "anúncio com atmosfera de cidade à noite e letreiro luminoso"
+  - "chamada de data e entrada grátis em evento"
+nao_serve:
+  - "vídeo diurno, delicado ou infantil (use aquarela ou adesivos)"
+  - "tema corporativo sério ou financeiro (use um kit de interface)"
+---
+
+# Neon urbano
+
+Noite na cidade: o chão é um **quase preto arroxeado** com neblina rosa embaixo e uma silhueta de prédios com janelas que piscam. Tudo o que se lê é **tubo de neon** (Tilt Neon) em **rosa `#FF2E93`, ciano `#19E3FF` e âmbar `#FFB020`**: as letras estão apagadas e **acendem uma a uma com tremida de lâmpada**, depois mantêm um zumbido leve (uma letra pode falhar de tempos em tempos). Formas de tubo se desenham de ponta a ponta, uma **caixa luminosa pendurada por duas correntes balança** com o texto, a chuva cai em diagonal e **o letreiro se reflete no chão molhado**. Aqui o brilho (glow) faz parte do estilo, mas só no tubo.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = uma cena.
+2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → data → marca). Cada batida diz quanto dura e quais elementos servem.
+3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): para cada cena, `de`/`ate` em quadros, a `entrada`, as `camadas` (elemento + props) e os `sons`. Os cortes seguem a voz (se houver) ou a batida da trilha: 1 batida = 18 quadros.
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou escreva o TSX direto combinando `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
+5. **Confira** os quadros (um por cena) contra `regras/`: área segura, nada cortado, um herói por cena, nenhum quadro parado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `LetreiroNeon` | palavra em tubo que acende letra por letra com tremida, zumbe e reflete no chão | gancho, virada, data |
+| `FormaNeon` | seta, moldura, estrela, raio, coração ou círculo em tubo que se desenha e acende | apoio de qualquer batida |
+| `CaixaLuminosa` | placa pendurada por duas correntes que balança, com texto em neon | virada, prova |
+| `Chuva` | 70 riscos diagonais que caem sem parar | ambiente (gancho, prova) |
+| `Horizonte` | silhueta de prédios em 3 camadas com janelas que piscam e parallax | gancho, marca |
+| `AssinaturaMarca` | logo com brilho + nome em neon + endereço em Barlow | marca |
+| `Fundo`, `Camera`, `Cena` | noite quase preta com neblina rosa embaixo, estrelas fracas e céu que clareia perto do horizonte | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Brilho/glow em qualquer coisa que não seja tubo de neon ou o logo; texto de apoio em Barlow não brilha.
+- Mais de 2 cores de neon na mesma cena (a 3ª só na data).
+- Letreiro que já nasce aceso: toda palavra acende letra por letra com 3–10 quadros de tremida.
+- Fundo claro, foto diurna ou degradê colorido de lado a lado.
+- Mais de 1 herói + 1 apoio por cena; margens menores que 96 px; letreiro encostando na borda.
+- Cena parada: o neon zumbe (±6% de brilho), a placa balança, a chuva cai; a câmera nunca para.
+- Texto fora da área segura (168–1330 px na vertical, 96 px nas laterais).

package/kits/neon-cidade/assets/ASSETS.md

@@ -0,0 +1,21 @@
+# Assets do kit neon-cidade
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/tiltneon-latin.woff2` | Tilt Neon (400), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Tilt+Neon`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-TiltNeon.txt` |
+| `fontes/barlow-latin.woff2` | Barlow Condensed (600), subset latino | Google Fonts (`fonts.googleapis.com/css2?family=Barlow+Condensed`), baixado em 26/10/2026 | SIL OFL 1.1, texto em `fontes/OFL-BarlowCondensed.txt` |
+| `sons/tick.mp3` | cada letra que acende | sintetizado: MotionCraft `sfx make`, tipo `letter_tick`, pacote `digital-soft` | sem samples; síntese própria (CC0) |
+| `sons/zumbido.mp3` | letreiro inteiro acendendo | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `digital-soft` | sem samples; síntese própria (CC0) |
+| `sons/liga.mp3` | forma de tubo fechando o desenho | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `sons/whoosh.mp3` | entrada de cena | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `digital-soft` | sem samples; síntese própria (CC0) |
+| `sons/balanca.mp3` | caixa luminosa que chega balançando | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `paper` | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | a palavra principal e a data | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `digital-soft` | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | detalhe / endereço | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `digital-soft` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | revelação da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `glass` | sem samples; síntese própria (CC0) |
+| `trilha/noite-100bpm.mp3` | 8,6 s a partir de 2.4 s da trilha gerada | MotionCraft `music make` (preset `dark-minimal`, 100 bpm, tom A) | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+Conteúdo de demonstração (não faz parte do estilo, fica em `exemplos/`):
+
+| arquivo | origem | licença |
+|---|---|---|
+| `exemplos/logo-fenix.svg` | logo fictício desenhado para a demo | próprio |

package/kits/neon-cidade/assets/fontes/OFL-BarlowCondensed.txt

@@ -0,0 +1,92 @@
+Copyright (c) Barlow Condensed Project Authors (Google Fonts)
+
+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://openfontlicense.org
+
+-----------------------------------------------------------
+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/neon-cidade/assets/fontes/OFL-TiltNeon.txt

@@ -0,0 +1,92 @@
+Copyright (c) Tilt Neon Project Authors (Google Fonts)
+
+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://openfontlicense.org
+
+-----------------------------------------------------------
+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/neon-cidade/elementos/AssinaturaMarca.tsx

@@ -0,0 +1,24 @@
+// AssinaturaMarca: a última cena. O logo acende (brilho de tubo), o nome acende letra por letra e o endereço
+// aparece em Barlow Condensed, sem brilho.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FAM_B, FONTE_B, acende, caber, ob, seg} from './base';
+import {LetreiroNeon} from './LetreiroNeon';
+
+export type AssinaturaMarcaProps = {
+  logo: string;
+  nome: string;
+  endereco?: string;
+  cor?: string;
+  inicio?: number;
+};
+
+export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({logo, nome, endereco, cor = COR.rosa, inicio = 0}) => {
+  const f = useCurrentFrame() - inicio;
+  const lg = ob(seg(f, 0, 14), 1.5), k = acende(f, 2, 9), te = caber(endereco ?? '', 64, FAM_B, 780, 600, 0.08), en = seg(f, 30, 40);
+  return <>
+    <img src={logo} style={{position: 'absolute', left: 540 - 200, top: 540 - 200, width: 400, height: 400, transform: `scale(${lg})`, opacity: k, filter: `drop-shadow(0 0 10px ${cor}) drop-shadow(0 0 34px ${cor}b0)`}} />
+    <LetreiroNeon linhas={[nome.toUpperCase()]} cor={cor} y={940} tamanho={200} inicio={inicio + 14} passo={3} reflexo />
+    {endereco && <div style={{position: 'absolute', left: 0, width: 1080, top: 1150, textAlign: 'center', fontFamily: FONTE_B, fontWeight: 600, fontSize: te, letterSpacing: '0.08em', color: COR.gelo, opacity: en, transform: `translateY(${(1 - en) * 24}px)`}}>{endereco}</div>}
+  </>;
+};