primocode 10.17.1 → 10.19.0

package/kits/ugc-reels/receita.json

@@ -0,0 +1,147 @@
+{
+  "kit": "ugc-reels",
+  "fps": 30,
+  "batida_trilha_quadros": 15,
+  "duracao_video_s": [
+    6,
+    45
+  ],
+  "ordem_sugerida": [
+    "gancho",
+    "virada",
+    "prova",
+    "cta",
+    "marca"
+  ],
+  "batidas": [
+    {
+      "nome": "gancho",
+      "obrigatoria": true,
+      "duracao": [
+        36,
+        48
+      ],
+      "elementos": [
+        "VideoCelular",
+        "LegendaEmoji",
+        "CabecalhoPerfil"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "corte",
+        "palavra",
+        "pop"
+      ],
+      "nota": "dor em 3 cortes + legenda curta com emoji; o cabeçalho abre a cena."
+    },
+    {
+      "nome": "virada",
+      "obrigatoria": true,
+      "duracao": [
+        36,
+        54
+      ],
+      "elementos": [
+        "VideoCelular",
+        "LegendaEmoji",
+        "Reacoes"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "corte",
+        "palavra",
+        "impacto"
+      ],
+      "nota": "o nome do produto na legenda; corações sobem."
+    },
+    {
+      "nome": "prova",
+      "obrigatoria": true,
+      "duracao": [
+        30,
+        45
+      ],
+      "elementos": [
+        "VideoCelular",
+        "LegendaEmoji",
+        "Comentario",
+        "NotaDeMao"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "corte",
+        "notificacao",
+        "whoosh"
+      ],
+      "nota": "um comentário ou uma nota à mão, nunca os dois."
+    },
+    {
+      "nome": "cta",
+      "obrigatoria": false,
+      "duracao": [
+        30,
+        45
+      ],
+      "elementos": [
+        "VideoCelular",
+        "LegendaEmoji",
+        "BotaoLink"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "corte",
+        "whoosh",
+        "toque"
+      ],
+      "nota": "verbo de ação na legenda + botão LINK NA BIO."
+    },
+    {
+      "nome": "marca",
+      "obrigatoria": true,
+      "duracao": [
+        36,
+        60
+      ],
+      "elementos": [
+        "AssinaturaMarca"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "assinatura",
+        "pop"
+      ],
+      "nota": "sempre a última. Avatar com anel de story + @usuário."
+    }
+  ],
+  "transicoes": [
+    {
+      "nome": "nenhuma",
+      "quadros": 0,
+      "como": "corte seco: a imagem nova entra já com zoom 1,2× e empurra"
+    },
+    {
+      "nome": "direita",
+      "quadros": 6,
+      "como": "só para cartão final: entra 800 px da direita em 6 quadros"
+    }
+  ],
+  "camera": {
+    "deriva": "sempre, mais a tremida de mão da própria imagem",
+    "socos": "cada corte seco e o chip da frase"
+  },
+  "trilha": {
+    "arquivo": "assets/trilha/pop-120bpm.mp3",
+    "volume": 0.5,
+    "com_narracao": 0.25
+  }
+}

package/kits/ugc-reels/regras/area-segura.md

@@ -0,0 +1,18 @@
+# Á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).
+- Embaixo de 1330 px ficam a legenda e os botões do Reels/TikTok: ali só fundo e o que sangra.
+- Respiro: 35–45% do quadro livre, 1 herói + no máximo 1 apoio por cena, nada encostando na borda, pausa de 15–24 quadros depois de cada impacto.
+- Posições de referência (centro da linha, em px):
+
+| uso | y |
+|---|---|
+| cabeçalho de perfil (barras) | 190 |
+| cabeçalho (avatar + usuário) | 250 |
+| bolha de comentário (centro) | 900 |
+| nota à mão | 760 |
+| legenda (centro do bloco) | 1180 |
+| botão LINK NA BIO (centro) | 1000 |
+| logo no cartão final | 560 |
+
+- A imagem em tela cheia e a vinheta sangram; legenda, UI e adereços respeitam as margens de 96 px.

package/kits/ugc-reels/regras/cor.md

@@ -0,0 +1,22 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `preto` | #0E0E10 | contorno da legenda, texto sobre amarelo, fundo de cartão |
+| `branco` | #FFFFFF | legenda, cabeçalho, bolha |
+| `amarelo` | #FFE14D | chip da palavra ativa, botão, anel de story |
+| `vermelho` | #FF3B5C | coração, ponto REC, anel de story |
+| `cinza` | #2A2A2E | barra de story vazia, avatar sem foto |
+| `azulSeguir` | #3B82F6 | botão Seguir |
+
+## Degradês e sombras
+
+- Contorno da legenda: 8 sombras de 5 px a 45° em `#0E0E10` (círculo de 5 px).
+- Vinheta da imagem: `radial-gradient(120% 90% at 50% 45%, transparent 60%, rgba(0,0,0,.45))`.
+- Gradiente da base (pra legenda ler): `linear-gradient(180deg, transparent 55%, rgba(0,0,0,.5) 100%)`.
+- Anel de story: `conic-gradient(#FFE14D, #FF3B5C, #FFE14D)`, 8 px.
+- Chip amarelo: `#FFE14D`, canto 18 px, texto `#0E0E10`.
+
+## O que o cliente pode trocar
+
+O amarelo (chip, botão, anel) pode ser a cor de destaque da marca; o azul do Seguir e o vermelho do coração ficam.

package/kits/ugc-reels/regras/movimento.md

@@ -0,0 +1,19 @@
+# Movimento
+
+Curva padrão: `ob(t, 1,9)` (overshoot ~9%) para chips, emoji e adereços; `e5(t)` para o zoom pós-corte. Cortes são secos.
+
+| movimento | duração | valores |
+|---|---|---|
+| corte seco | 1 quadro | troca de imagem; zoom alterna 1,0× ↔ 1,2×, depois empurra +6% em 14 quadros |
+| tremida de mão | contínuo | ±5 px em X e Y, ±0,4°, 2 senóides (período 9 e 13 quadros) |
+| chip da palavra | 8 quadros | escala 0,7 → 1 com overshoot 1,9, gira ±3° |
+| emoji da frase | 10 quadros | escala 0 → 1 com overshoot 1,9 depois da última palavra |
+| cabeçalho | 12 quadros | desce 80 px com overshoot; barrinha da cena enche de 0 a 100% |
+| bolha de comentário | 12 quadros | escala 0,5 → 1 com overshoot 1,9, gira −3° |
+| corações | 90 quadros cada | sobem 520 px com ondulação ±24 px, somem nos últimos 20 |
+| botão LINK NA BIO | 12 quadros + contínuo | entra com overshoot; anel pulsa a cada 20 quadros; mãozinha quica 14 px |
+| entrada de cena | 6 quadros | corte seco (zoom da imagem) |
+| câmera (sempre) | contínuo | zoom 1,01 ± 0,01, deriva ±6/±5 px; soco +0,025 em ~5 quadros |
+
+- Corte a cada 12–20 quadros dentro da cena; nenhuma imagem passa de 24 quadros.
+- A legenda troca de frase junto com o corte, nunca no meio de uma imagem.

package/kits/ugc-reels/regras/ritmo.md

@@ -0,0 +1,14 @@
+# Ritmo
+
+- 30 fps. Uma batida da trilha = **15 quadros** (120 bpm). Cortes em múltiplos de 15 quadros: 0, 15, 30, 45, 60, 75, 90, 105, 120, 135, 150, 165, 180, 195, 210, 225.
+
+| batida | duração (s) | quadros |
+|---|---|---|
+| gancho | 1,2–1,6 | 36–48 |
+| virada | 1,2–1,8 | 36–54 |
+| prova (cada) | 1,0–1,5 | 30–45 |
+| cta | 1,0–1,5 | 30–45 |
+| marca | 1,2–2,0 | 36–60 |
+
+- Preview do kit: 8 s, 6 cenas.
+- Leitura: uma frase de legenda precisa de **≥ 24 quadros**; o comentário, **≥ 30**.

package/kits/ugc-reels/regras/som.md

@@ -0,0 +1,20 @@
+# Som
+
+- Trilha: `assets/trilha/pop-120bpm.mp3` (8,6 s, 120 bpm), volume **0.5**, fade de saída nos últimos **20 quadros**. Vídeo maior que 8,6 s: gere uma trilha nova no MotionCraft (`music make`, preset `warm-major`, 120 bpm, tom D), não faça loop deste trecho.
+- Com narração: trilha a **0.25** e efeitos a 70% do volume da tabela.
+- Efeitos (todos sintetizados) e volume padrão:
+
+| som | volume | quando |
+|---|---|---|
+| `corte` | 0.8 | cada corte seco entre imagens |
+| `palavra` | 0.85 | início de cada frase da legenda |
+| `pop` | 0.85 | emoji, avatar ou adereço que entra |
+| `notificacao` | 0.8 | bolha de comentário |
+| `whoosh` | 0.7 | nota ou botão que entra |
+| `toque` | 0.8 | botão LINK NA BIO |
+| `impacto` | 0.7 | a frase da virada |
+| `assinatura` | 0.9 | cartão final |
+
+- Um som por movimento que importa; no máximo **4 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/ugc-reels/regras/tipografia.md

@@ -0,0 +1,16 @@
+# Tipografia
+
+Duas fontes: **Montserrat 900** (legenda e UI) e **Caveat 700** (nota à mão).
+
+| papel | fonte | peso | tamanho (px) | máx. caracteres |
+|---|---|---|---|---|
+| legenda | Montserrat | 900 | 72–84 | 14 |
+| chip da palavra ativa | Montserrat | 900 | igual à legenda | 14 |
+| @usuário / botão | Montserrat | 700 | 40–46 | 22 |
+| comentário | Montserrat | 700 | 40–46 | 28 |
+| nota à mão | Caveat | 700 | 96–120 | 16 |
+
+- Tracking: −0,01 em na legenda; 0 no resto.
+- Line-height: 1,05 na legenda.
+- Caixa: legenda em frase normal; botão em caixa-alta.
+- Texto que cresce encolhe sozinho (`caber()` em `base.ts`) até caber em 920 px; nunca palavra cortada.

package/kits/vercel-mono/SKILL.md

@@ -0,0 +1,51 @@
+---
+slug: vercel-mono
+nome: Mono Vercel
+descricao: preto e branco, grade fina com cruzes, triângulos, texto digitado e cortes secos que invertem o quadro
+familia: SaaS e tecnologia
+versao: 1
+quando:
+  - "vídeo de ferramenta de desenvolvedor, deploy, API ou infraestrutura"
+  - "lançamento técnico com cara de documentação e terminal"
+  - "anúncio minimalista em preto e branco"
+  - "quero cortes secos e tipografia mono"
+  - "mostrar comando, métrica ou status de forma direta"
+nao_serve:
+  - "vídeo colorido, suave ou divertido"
+  - "produto para consumidor final sem lado técnico"
+---
+
+# Mono Vercel
+
+Só **preto `#000` e branco `#FFF`**. Cada cena é um **quadro** preto ou branco, com **grade fina de 135 px e cruzes de mira** nas interseções e rótulos em mono nos cantos (`vetor / 003`, `F-0042`). **Nada desliza nem faz fade: tudo aparece por corte seco**. Texto é digitado letra a letra (um quadro por letra), a palavra-chave vira **bloco invertido**, números aparecem em células de borda de 4 px que piscam invertidas por 3 quadros. Heróis: **túnel de triângulos**, **terminal**, **grade de números**, **faixas só de contorno**. Uma cena = um herói, com respiro: 35–45% de espaço vazio e margens de 96 px.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = um plano.
+2. **Escolha as batidas** em `receita.json`. Cada batida diz quanto dura e quais elementos servem.
+3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): `de`/`ate` em quadros, `entrada`, `camadas` (elemento + props) e `sons`. Os cortes seguem a voz ou a batida da trilha (1 batida = 15.0 quadros).
+4. **Renderize** com `<Montagem plano={...} arquivos={...} />`.
+5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| `Quadro` | campo preto ou branco com grade, cruzes e rótulos; base de TODA cena | todas |
+| `TrianguloGigante` | túnel de triângulos aninhados vindo ao encontro, alternando cheio/vazado | gancho |
+| `PalavraMono` | palavra enorme que aparece letra a letra por corte, cursor piscando, `*palavra*` em bloco invertido | palavra, oferta |
+| `TerminalComando` | janela de terminal: comando digitado + respostas com ✓ e linha final invertida | terminal |
+| `GradeDeNumeros` | 2×2 células de borda 4 px com números que contam | numeros |
+| `FaixaOutline` | faixas de palavra só contorno, uma enche por vez | faixas |
+| `AssinaturaMarca` | logo, nome, linha e endereço em bloco invertido, por cortes | marca (última) |
+| `Fundo`, `Camera`, `Cena` | o chão, a deriva da câmera e a janela de cada plano | todas |
+| `Efeito`, `Trilha` | sons e trilha do kit | todas |
+
+## Proibido
+
+- Qualquer cor além de preto, branco e cinza: o contraste é a identidade.
+- Fade, deslize, overshoot ou desfoque: só corte seco (a câmera deriva, mas os elementos não).
+- Brilho/glow, sombra, degradê.
+- Mais de um herói por cena; mais de 1 apoio; elemento tocando a borda ou a menos de 96 px dela.
+- Preencher o vazio: cada cena tem 35–45% de espaço livre.
+- Texto fora da área segura (168–1330 px, 96 px nas laterais).

package/kits/vercel-mono/assets/ASSETS.md

@@ -0,0 +1,18 @@
+# Assets do kit vercel-mono
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/inter.woff2` | Inter (subset latino) | Google Fonts, baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-Inter.txt` |
+| `fontes/jetbrains-mono.woff2` | JetBrains Mono (subset latino) | Google Fonts, baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-JetBrains-Mono.txt` |
+| `sons/whoosh-entra.mp3` | efeito `whoosh_in` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/whoosh-sai.mp3` | efeito `whoosh_out` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/swoosh.mp3` | efeito `swoosh` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/pop-palavra.mp3` | efeito `word_pop` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/pop-cartao.mp3` | efeito `icon_pop` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | efeito `button` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | efeito `impact` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | efeito `riser` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | efeito `logo_sting` | sintetizado: MotionCraft `sfx make`, pacote do kit | sem samples; síntese própria (CC0) |
+| `trilha/trilha.mp3` | 9 s de trilha | MotionCraft `music make` ({"preset": "dark-minimal", "bpm": 120, "key": "E", "drums": "tight", "comp": "eighths", "lead": "pluck", "brightness": 0.9}) | sem samples; síntese própria (CC0). MotionCraft é MIT |
+
+Conteúdo de demonstração (fica em `exemplos/`, não faz parte do estilo): desenhado no código ou SVG próprio, sem fotos de terceiros, a menos que listado abaixo.

package/kits/vercel-mono/assets/fontes/OFL-Inter.txt

@@ -0,0 +1,93 @@
+Copyright The Inter 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.

package/kits/vercel-mono/assets/fontes/OFL-JetBrains-Mono.txt

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

package/kits/vercel-mono/elementos/AssinaturaMarca.tsx

@@ -0,0 +1,18 @@
+// AssinaturaMarca: logo, nome em Inter 800 e endereço em mono dentro de um bloco invertido. Aparece por corte seco; só na última cena.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FONTE_D, FONTE_T, caber} from './base';
+import {inverso} from './Quadro';
+
+export type AssinaturaMarcaProps = {logo: string; nome: string; detalhe?: string; endereco?: string; cor?: string; inicio?: number; y?: number};
+
+export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({logo, nome, detalhe, endereco, cor = COR.branco, inicio = 0, y = 640}) => {
+  const f = useCurrentFrame() - inicio;
+  const fundo = inverso(cor), tam = caber(nome, 300, 800, 800, -0.06);
+  return <div style={{position: 'absolute', inset: 0}}>
+    {f >= 0 && <img src={logo} style={{position: 'absolute', left: 540 - 150, top: y - 340, width: 300, height: 300}} />}
+    {f >= 3 && <div style={{position: 'absolute', left: 0, right: 0, top: y - 10, textAlign: 'center', fontFamily: FONTE_D, fontWeight: 800, fontSize: tam, letterSpacing: '-0.06em', lineHeight: 1.05, color: cor}}>{nome}</div>}
+    {f >= 7 && detalhe && <div style={{position: 'absolute', left: 0, right: 0, top: y + tam * 1.1, textAlign: 'center', fontFamily: FONTE_T, fontWeight: 500, fontSize: 38, letterSpacing: '0.1em', textTransform: 'uppercase', color: cor}}>{detalhe}</div>}
+    {f >= 11 && endereco && <div style={{position: 'absolute', left: 540 - 300, width: 600, top: y + tam * 1.1 + 80, textAlign: 'center', background: cor, color: fundo, fontFamily: FONTE_T, fontWeight: 700, fontSize: 44, padding: '14px 0'}}>{endereco}</div>}
+  </div>;
+};

package/kits/vercel-mono/elementos/Camera.tsx

@@ -0,0 +1,23 @@
+// Camera: deriva constante por baixo de tudo e um soco em cada batida. O quadro nunca fica parado.
+// `batidas` são quadros absolutos do vídeo. Parâmetros do kit em base.ts (CAMERA).
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+import {CAMERA} from './base';
+
+export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
+
+export const posCamera = (f: number, batidas: number[], forca = 1) => {
+  const C = CAMERA;
+  let z = C.z + C.zOsc * Math.sin(f / 90) + f * C.push, dx = Math.sin(f / 37) * C.dx, dy = Math.cos(f / 51) * C.dy;
+  const rot = Math.sin(f / 83) * C.rot;
+  for (const h of batidas) if (f >= h) {
+    const d = Math.exp(-(f - h) / 7) * forca;
+    z += C.soco * d; dx += C.dx * 0.8 * d * Math.sin((f - h) * 2.7 + h); dy += C.dy * 0.8 * d * Math.cos((f - h) * 3.3 + h);
+  }
+  return {z, dx, dy, rot};
+};
+
+export const Camera: React.FC<CameraProps> = ({batidas = [], forca = 1, children}) => {
+  const c = posCamera(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/vercel-mono/elementos/Cena.tsx

@@ -0,0 +1,46 @@
+// Cena: janela de tempo de um plano. Entra com movimento e sai com movimento (conforme a entrada).
+// Dentro dela, useCurrentFrame() começa em 0. A saída cruza SOBREPOE quadros com a próxima cena.
+import React, {createContext, useContext} from 'react';
+import {AbsoluteFill, Sequence, useCurrentFrame} from 'remotion';
+import {COR, e5, seg, LARGURA} from './base';
+
+export type Entrada = 'subir' | 'zoom' | 'direita' | 'esquerda' | 'whip' | 'cortina' | 'corte' | 'nenhuma';
+export const SOBREPOE = 10;
+const COM_SAIDA: Entrada[] = ['subir', 'zoom', 'direita', 'esquerda', 'whip'];
+
+const CenaCtx = createContext({duracao: 60});
+/** duração da cena atual em quadros (sem a sobreposição) */
+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 = useCurrentFrame();
+  const dur = entrada === 'whip' ? 8 : 12;
+  const en = entrada === 'nenhuma' || entrada === 'corte' ? 0 : 1 - e5(seg(f, 0, dur));
+  const sai = !ultima && COM_SAIDA.includes(entrada);
+  const xo = sai ? e5(seg(f, duracao, duracao + SOBREPOE)) : 0;
+  let tf = '';
+  if (entrada === 'subir') tf += `translateY(${en * 260 - xo * 220}px) scale(${1 + xo * 0.06})`;
+  if (entrada === 'zoom') tf += `scale(${1 + en * 0.9 + xo * 0.5})`;
+  if (entrada === 'direita') tf += `translateX(${en * 760 - xo * 760}px)`;
+  if (entrada === 'esquerda') tf += `translateX(${-en * 760 + xo * 760}px)`;
+  if (entrada === 'whip') tf += `translateX(${en * 1500 - xo * 1500}px) skewX(${(en - xo) * -14}deg)`;
+  const blur = en * (entrada === 'whip' ? 34 : 16) + xo * (entrada === 'whip' ? 34 : 14);
+  const opac = entrada === 'whip' ? 1 : (1 - en * 0.85) * (1 - xo);
+  const corte = entrada === 'cortina' ? e5(seg(f, 0, 14)) : 1;
+  return <AbsoluteFill style={{transform: tf || undefined, opacity: opac, filter: blur > 0.3 ? `blur(${blur}px)` : undefined, clipPath: corte < 1 ? `inset(0 ${(1 - corte) * 100}% 0 0)` : undefined}}>
+    {children}
+    {entrada === 'cortina' && corte < 1 && <div style={{position: 'absolute', top: 0, bottom: 0, left: corte * LARGURA - 90, width: 90, background: COR.cortina}} />}
+  </AbsoluteFill>;
+};
+
+export const Cena: React.FC<CenaProps> = ({de, ate, entrada = 'subir', ultima = false, children}) => {
+  const duracao = ate - de;
+  const extra = !ultima && COM_SAIDA.includes(entrada) ? SOBREPOE : 0;
+  return <Sequence from={de} durationInFrames={duracao + extra} layout="none">
+    <CenaCtx.Provider value={{duracao}}>
+      <Janela duracao={duracao} entrada={entrada} ultima={ultima}>{children}</Janela>
+    </CenaCtx.Provider>
+  </Sequence>;
+};