primocode 10.17.1 → 11.0.0

package/kits/bauhaus/receita.json

@@ -0,0 +1,174 @@
+{
+  "kit": "bauhaus",
+  "fps": 30,
+  "batida_trilha_quadros": 15.25,
+  "duracao_video_s": [
+    6,
+    60
+  ],
+  "ordem_sugerida": [
+    "gancho",
+    "virada",
+    "prova",
+    "lista",
+    "data",
+    "marca"
+  ],
+  "batidas": [
+    {
+      "nome": "gancho",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        80
+      ],
+      "elementos": [
+        "TituloBauhaus",
+        "ComposicaoGeometrica"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "pop-palavra",
+        "impacto"
+      ],
+      "nota": "pergunta curta em barras + a composição fechando."
+    },
+    {
+      "nome": "virada",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        90
+      ],
+      "elementos": [
+        "BarraDiagonal",
+        "TituloBauhaus"
+      ],
+      "entrada": [
+        "direita"
+      ],
+      "sons": [
+        "swoosh",
+        "pop-palavra"
+      ],
+      "nota": "o nome do produto sobre uma faixa diagonal."
+    },
+    {
+      "nome": "prova",
+      "obrigatoria": false,
+      "duracao": [
+        36,
+        90
+      ],
+      "elementos": [
+        "ComposicaoGeometrica",
+        "NumeroBauhaus"
+      ],
+      "entrada": [
+        "zoom"
+      ],
+      "sons": [
+        "pop-cartao",
+        "impacto"
+      ],
+      "nota": "um número e um rótulo."
+    },
+    {
+      "nome": "lista",
+      "obrigatoria": false,
+      "duracao": [
+        36,
+        80
+      ],
+      "elementos": [
+        "ListaFaixas"
+      ],
+      "entrada": [
+        "esquerda"
+      ],
+      "sons": [
+        "swoosh",
+        "pop-cartao"
+      ],
+      "nota": "3 ou 4 barras numeradas."
+    },
+    {
+      "nome": "data",
+      "obrigatoria": false,
+      "duracao": [
+        30,
+        70
+      ],
+      "elementos": [
+        "NumeroBauhaus",
+        "TituloBauhaus"
+      ],
+      "entrada": [
+        "zoom"
+      ],
+      "sons": [
+        "subida",
+        "impacto"
+      ],
+      "nota": "o dia como número gigante e o mês em barra."
+    },
+    {
+      "nome": "marca",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        120
+      ],
+      "elementos": [
+        "AssinaturaMarca"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "assinatura",
+        "clique"
+      ],
+      "nota": "sempre a última."
+    }
+  ],
+  "transicoes": [
+    {
+      "nome": "subir",
+      "quadros": 12,
+      "como": "entra 220 px de baixo; a anterior sai 900 px para a esquerda"
+    },
+    {
+      "nome": "zoom",
+      "quadros": 12,
+      "como": "entra de 1,9x para 1"
+    },
+    {
+      "nome": "direita",
+      "quadros": 12,
+      "como": "entra 660 px da direita"
+    },
+    {
+      "nome": "esquerda",
+      "quadros": 12,
+      "como": "entra 660 px da esquerda"
+    },
+    {
+      "nome": "nenhuma",
+      "quadros": 0,
+      "como": "os elementos entram sozinhos (gancho)"
+    }
+  ],
+  "camera": {
+    "deriva": "sempre",
+    "socos": "início de cada cena + palavra grande"
+  },
+  "trilha": {
+    "arquivo": "assets/trilha/trilha.mp3",
+    "volume": 0.5,
+    "com_narracao": 0.25
+  }
+}

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

@@ -0,0 +1,15 @@
+# Área segura (9:16, 1080×1920)
+
+- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 80** e **x = 1000** (920 px úteis). Abaixo de 1330 só fundo e o que sangra.
+- Herói com 40% ou mais da altura ou da largura; no máximo 2 apoios por cena.
+
+| uso | y de referência (px) |
+|---|---|
+| título de 3 barras (centro) | 700 |
+| composição geométrica (centro) | 720 |
+| faixa diagonal (centro) | 740 |
+| número (centro) | 700 |
+| lista de barras (centro) | 740 |
+| logo de formas (topo) | 330 |
+| nome na assinatura (topo) | 670 |
+| endereço | 1100–1180 |

package/kits/bauhaus/regras/cor.md

@@ -0,0 +1,13 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `papel` | #EFE8D8 | chão, texto sobre barra escura |
+| `vermelho` | #D9261C | barra, círculo, rótulo |
+| `azul` | #1B4F9C | barra, quadrado |
+| `amarelo` | #F4B71A | barra, triângulo, círculo de fundo (texto preto em cima) |
+| `preto` | #141414 | texto, barra, régua, linhas |
+
+- Sem degradê, sombra ou contorno. Grade: `rgba(20,20,20,0.09)` a cada 90 px, traço de 2 px.
+- Sobre vermelho, azul e preto o texto é `papel`; sobre amarelo e papel o texto é `preto`.
+- O cliente pode trocar: as três primárias (vermelho, azul, amarelo) para as cores da marca, mantendo o preto e o papel.

package/kits/bauhaus/regras/movimento.md

@@ -0,0 +1,17 @@
+# Movimento
+
+- Tela 1080×1920, 30 fps. Curva padrão: `mola(t) com overshoot 1,2–1,4 (precisa, sem balanço) em 10–14 quadros`.
+- Passo de animação: **1 quadro(s)** por posição (liso).
+- Câmera: zoom base 1.02, deriva ±10 px × ±8 px, giro ±0.004 rad, soco de 0.025 em cada batida (decai em 7 quadros).
+- Toda entrada passa do alvo e volta (overshoot de 1,3). Nenhum quadro parado.
+
+| movimento | quadros | valores |
+|---|---|---|
+| barra do título corre | 10 | escala X 0 → 1 (origem esquerda), overshoot 1,3; texto sobe da máscara 4 quadros depois |
+| forma entra | 14 | desliza 900 px de um canto, gira 200°, trava; 3 quadros entre formas |
+| faixa diagonal | 12 | varre 1900 px; texto corre 26 px/quadro |
+| lista | 11 + 6 entre barras | entra 1200 px de lados alternados |
+| número | 12 + 6 | máscara de baixo para cima; quadrado gira 0,8°/quadro |
+| câmera | contínuo | zoom 1,02 ± 0,01, deriva ±10 × ±8 px, soco 0,025 |
+
+- Cena entra em 12 quadros e sobrepõe 10 com a próxima; cortes a cada 18–45 quadros.

package/kits/bauhaus/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- Trilha a **118 bpm**: 1 batida = **15.25 quadros** (0.51 s). Corte em múltiplos de batida (8, 15, 31 quadros).
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho | 1.3–2.7 | 40–80 |
+| virada | 1.3–3.0 | 40–90 |
+| prova | 1.2–3.0 | 36–90 |
+| lista | 1.2–2.7 | 36–80 |
+| data | 1.0–2.3 | 30–70 |
+| marca | 1.3–4.0 | 40–120 |
+
+- Tempo mínimo de leitura: 1 palavra = 8 quadros, frase de 3 palavras = 24 quadros.
+- Troca de cena a cada 0,6–1,5 s (18–45 quadros). Vídeo de 6–60 s.

package/kits/bauhaus/regras/som.md

@@ -0,0 +1,18 @@
+# Som
+
+- Trilha: `assets/trilha/trilha.mp3` (8,7 s, 118 bpm, preset MotionCraft `tech-bright`), volume **0,5**, fade de saída nos últimos 20 quadros. Com narração: 0,25.
+- Efeitos sintetizados (pacote `glass`):
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
+| `swoosh` | 1,0 | faixa diagonal e barras |
+| `pop-palavra` | 1,0 | barra de título que trava |
+| `pop-cartao` | 0,9 | forma que trava na composição |
+| `clique` | 0,8 | endereço |
+| `impacto` | 0,9 | fechamento da composição / número |
+| `subida` | 0,7 | antes da data |
+| `assinatura` | 0,9 | logo final |
+
+- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
+- Som entra **1 a 2 quadros antes** do visual. Alvo do mix: **−14 LUFS**, pico −1,5 dBTP.

package/kits/bauhaus/regras/tipografia.md

@@ -0,0 +1,20 @@
+# Tipografia
+
+- **título**: Jost 900 (arquivo `assets/fontes/jost-900.woff2`, família registrada como `BH Jost`).
+- **texto**: Bebas Neue 400 (arquivo `assets/fontes/bebas-neue.woff2`, família registrada como `BH Bebas Neue`).
+
+| papel | tamanho px | máx. caracteres por linha | fonte |
+|---|---|---|---|
+| título em barra | 190 (3 linhas) / 250 | 6–9 | Jost 900 |
+| número gigante | 760 | 2–3 | Jost 900 |
+| item de lista | 130 | 12 | Jost 900 |
+| numeração 01/02 | 130 | 2 | Bebas Neue |
+| faixa diagonal | 230 | contínuo | Bebas Neue |
+| rótulo / detalhe | 110–120 | 20 | Bebas Neue |
+| nome na assinatura | 250 | 6 | Jost 900 |
+| endereço | 66 | 24 | Jost 900 |
+
+- Tracking: −0,02 em Jost 900 (−0,04 nos números); +4 px em Bebas Neue.
+- Line-height: 1,0 nos títulos (a barra colada no texto).
+- Caixa: SEMPRE MAIÚSCULAS.
+- Texto que passa da largura útil (920 px) **encolhe sozinho** (`caber()` em `base.ts`), nunca corta palavra.

package/kits/brutalista/SKILL.md

@@ -0,0 +1,54 @@
+---
+slug: brutalista
+nome: Brutalista
+descricao: mono enorme em caixa alta, só preto, branco e amarelo, bordas grossas e sombra dura, câmera em degraus
+familia: Tipografia em movimento
+versao: 1
+quando:
+  - "anúncio de produto com cara de ferramenta crua, sem enfeite"
+  - "lançamento de app, newsletter ou comunidade com tom direto e provocador"
+  - "vídeo com números grandes, lista de funções e frases curtas e secas"
+  - "quero um estilo brutalista, web brutalism, mono gigante"
+nao_serve:
+  - "vídeo delicado, premium suave ou feminino"
+  - "qualquer pedido com degradê, brilho ou foto retocada"
+---
+
+# Brutalista
+
+Web brutalism em movimento. **JetBrains Mono 800 em caixa alta, enorme**, em blocos chapados (amarelo, preto, branco), **bordas de 14 px e sombra dura de 18 px sem desfoque**, nada de raio de canto, degradê ou brilho. A tela inteira é trocada por **cortinas de cor** que batem (amarelo → preto → branco). A câmera anda **em degraus de 4 quadros** (stop-motion), as fotos são P&B de alto contraste e pulam de posição. Uma **moldura preta de 20 px** em volta do quadro se repete em todo vídeo.
+
+## Como montar um vídeo com este kit
+
+1. **Leia o pedido e o roteiro.** Corte cada fala em frases de 1 a 3 palavras em caixa alta. Uma frase = um plano (cabe em 30 a 50 quadros).
+2. **Escolha as batidas** em `receita.json` (gancho → problema → prova → lista → oferta → 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 = 16.7 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, nenhum canto arredondado, nenhuma sombra suave, nenhum quadro parado.
+
+## Elementos
+
+| elemento | o que faz | batidas |
+|---|---|---|
+| QuadroCor | cortina de cor chapada que bate na tela (amarelo, preto ou branco) | toda cena |
+| MonoEnorme | linhas gigantes em blocos de cor que batem; `*palavra*` invertida | gancho, problema, virada |
+| BlocoSombra | adesivo com borda de 14 px e sombra dura, girado | apoio, oferta, data |
+| FitaAlerta | faixa diagonal listrada com texto que corre | problema, oferta |
+| Terminal | janela preta com texto digitado e cursor | virada, prova |
+| CartaoFotoBruto | foto P&B com borda, sombra dura e pulo de posição | prova |
+| ContadorGrande | número de 520 px que sobe em degraus | prova, dado |
+| ListaBruta | itens `[X] NOME` marcados um a um | lista |
+| AssinaturaMarca | bloco preto com nome gigante + endereço em faixa amarela | marca (sempre a última) |
+| Fundo, Sobre | chão branco; moldura preta de 20 px por cima de tudo | todas |
+| Camera | deriva em degraus + soco | todas |
+| Cena | janela de cada plano | todas |
+| Efeito, Trilha | sons e trilha do kit | todas |
+
+## Proibido
+
+- Qualquer degradê, brilho, desfoque, sombra suave ou opacidade abaixo de 100%.
+- Canto arredondado (raio é sempre 0) e qualquer cor fora de preto, branco e amarelo.
+- Foto colorida ou retocada; fonte que não seja mono ou Archivo Black.
+- Entrada com fade ou deslize suave: tudo bate e assenta seco.
+- Texto minúsculo ou misturado em caixa alta e baixa.
+- Texto fora da área segura (168–1330 px na vertical, 80 px nas laterais).

package/kits/brutalista/assets/ASSETS.md

@@ -0,0 +1,23 @@
+# Assets do kit brutalista
+
+| arquivo | o que é | origem | licença |
+|---|---|---|---|
+| `fontes/jetbrains-mono.woff2` | JetBrains Mono (500 800), subset latino | Google Fonts (`https://github.com/JetBrains/JetBrainsMono`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-JetBrainsMono.txt` |
+| `fontes/archivo-black.woff2` | Archivo Black (400), subset latino | Google Fonts (`https://github.com/Omnibus-Type/Archivo`), baixado em 26/10/2026 | SIL OFL 1.1 — texto em `fontes/OFL-ArchivoBlack.txt` |
+| `sons/whoosh-entra.mp3` | whoosh de entrada | sintetizado: MotionCraft `sfx make`, tipo `whoosh_in`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/whoosh-sai.mp3` | whoosh de saída | sintetizado: MotionCraft `sfx make`, tipo `whoosh_out`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/swoosh.mp3` | swoosh lateral | sintetizado: MotionCraft `sfx make`, tipo `swoosh`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/pop-palavra.mp3` | pop curto | sintetizado: MotionCraft `sfx make`, tipo `word_pop`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/pop-cartao.mp3` | pop de objeto que pousa | sintetizado: MotionCraft `sfx make`, tipo `icon_pop`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/clique.mp3` | clique | sintetizado: MotionCraft `sfx make`, tipo `button`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/impacto.mp3` | impacto grave | sintetizado: MotionCraft `sfx make`, tipo `impact`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/subida.mp3` | riser de 1,3 s | sintetizado: MotionCraft `sfx make`, tipo `riser`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `sons/assinatura.mp3` | acorde da marca | sintetizado: MotionCraft `sfx make`, tipo `logo_sting`, pacote `organic-wood` | sem samples; síntese própria (CC0) |
+| `trilha/bruta-108bpm.mp3` | 9 s de trilha, 108 bpm | MotionCraft `music make` (preset dark-minimal, 108 bpm, tom E, lead pluck, bateria tight, comp eighths), síntese procedural | 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/fotos/foto-*.jpg` (5) | Unsplash via picsum (ids 1–5, 20, 26, 60), recorte 720×960, as mesmas do kit apple-tipografico | Unsplash License |
+| `exemplos/logo-bloco.svg` | logo fictício desenhado para a demo | próprio |

package/kits/brutalista/assets/fontes/OFL-ArchivoBlack.txt

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

package/kits/brutalista/assets/fontes/OFL-JetBrainsMono.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/brutalista/elementos/AssinaturaMarca.tsx

@@ -0,0 +1,21 @@
+// AssinaturaMarca: a última cena. Bloco preto gigante com o ícone, o nome em mono de 200 px (branco) que bate da
+// esquerda e uma faixa amarela com o endereço. Tudo com borda e sombra dura; nenhuma suavidade.
+import React from 'react';
+import {Img, useCurrentFrame} from 'remotion';
+import {COR, FONTE, SEGURA, caber, eb, seg} from './base';
+
+export type AssinaturaMarcaProps = {nome: string; icone: string; detalhe?: string; endereco?: string; inicio?: number; y?: number};
+
+export const AssinaturaMarca: React.FC<AssinaturaMarcaProps> = ({nome, icone, detalhe, endereco, inicio = 0, y = 640}) => {
+  const f = useCurrentFrame();
+  const tam = caber(nome.toUpperCase(), 200, 920 - 60, 800, -0.04);
+  const pb = eb(seg(f, inicio, inicio + 8), 2), pi = eb(seg(f, inicio + 4, inicio + 14), 2), pe = eb(seg(f, inicio + 14, inicio + 22), 1.6);
+  return <div style={{position: 'absolute', inset: 0}}>
+    <div style={{position: 'absolute', left: SEGURA.lado, top: y - 380, width: 920, height: 760, background: COR.preto, boxShadow: `18px 18px 0 ${COR.amarelo}`, border: `14px solid ${COR.branco}`, boxSizing: 'border-box', transform: `translateX(${(1 - pb) * -1200}px)`}}>
+      <Img src={icone} style={{position: 'absolute', left: 50, top: 50, width: 230, height: 230, transform: `scale(${Math.max(0.001, pi)})`, transformOrigin: '0 0'}} />
+      <div style={{position: 'absolute', left: 40, bottom: 150, fontFamily: FONTE.titulo, fontWeight: 800, fontSize: tam, lineHeight: `${tam}px`, letterSpacing: '-0.04em', color: COR.branco, whiteSpace: 'nowrap', transform: `translateX(${(1 - pi) * -1100}px)`}}>{nome.toUpperCase()}</div>
+      {detalhe && <div style={{position: 'absolute', left: 44, bottom: 60, fontFamily: FONTE.titulo, fontWeight: 500, fontSize: 40, color: COR.amarelo, opacity: seg(f, inicio + 12, inicio + 13)}}>&gt; {detalhe}</div>}
+    </div>
+    {endereco && <div style={{position: 'absolute', left: SEGURA.lado, top: y + 440, width: 920, height: 120, background: COR.amarelo, border: `14px solid ${COR.preto}`, boxShadow: `18px 18px 0 ${COR.preto}`, boxSizing: 'border-box', fontFamily: FONTE.titulo, fontWeight: 800, fontSize: 56, lineHeight: '92px', textAlign: 'center', color: COR.preto, transform: `scaleX(${Math.max(0.001, pe)})`, transformOrigin: '0 50%'}}>{endereco.toUpperCase()}</div>}
+  </div>;
+};

package/kits/brutalista/elementos/BlocoSombra.tsx

@@ -0,0 +1,18 @@
+// BlocoSombra: o adesivo brutalista. Caixa chapada com borda de 14 px, sombra dura de 18 px (sem desfoque) e raio 0,
+// girada alguns graus. Pula de scale 0 a 1 com sobra e o giro assenta.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, FONTE, caber, eb, seg} from './base';
+
+export type BlocoSombraProps = {texto: string; x?: number; y?: number; largura?: number; inicio?: number; rot?: number; cor?: 'amarelo' | 'preto' | 'branco'; tamanho?: number};
+
+export const BlocoSombra: React.FC<BlocoSombraProps> = ({texto, x = 540, y = 400, largura = 700, inicio = 0, rot = -5, cor = 'amarelo', tamanho = 84}) => {
+  const f = useCurrentFrame();
+  const p = eb(seg(f, inicio, inicio + 10), 2);
+  const fg = cor === 'preto' ? COR.branco : COR.preto;
+  const linhas = texto.toUpperCase().split('|');
+  const tam = Math.min(...linhas.map((l) => caber(l, tamanho, largura - 80, 400, -0.01, FONTE.apoio.split('"')[1])));
+  return <div style={{position: 'absolute', left: x - largura / 2, top: y - (linhas.length * tam * 1.1 + 60) / 2, width: largura, padding: '30px 0', boxSizing: 'border-box', textAlign: 'center', background: COR[cor], color: fg, border: `14px solid ${COR.preto}`, boxShadow: `18px 18px 0 ${COR.preto}`, fontFamily: FONTE.apoio, fontSize: tam, lineHeight: 1.1, transform: `scale(${Math.max(0.001, p)}) rotate(${rot * (0.4 + 0.6 * p)}deg)`, opacity: f < inicio ? 0 : 1}}>
+    {linhas.map((l, i) => <div key={i}>{l}</div>)}
+  </div>;
+};

package/kits/brutalista/elementos/Camera.tsx

@@ -0,0 +1,23 @@
+// Camera: deriva constante por baixo de tudo (zoom, deslize e giro) e um soco em cada batida.
+// O quadro nunca fica parado. `batidas` são quadros absolutos do vídeo.
+// Neste kit a câmera anda em degraus de 4 quadros (stop-motion), não liso.
+import React from 'react';
+import {AbsoluteFill, useCurrentFrame} from 'remotion';
+
+export type CameraProps = {batidas?: number[]; forca?: number; children: React.ReactNode};
+
+export const posCamera = (fr: number, batidas: number[], forca = 1) => {
+  const f = Math.floor(fr / 4) * 4;
+  let z = 1.02 + 0.015 * Math.sin(f / 90), dx = Math.sin(f / 37) * 18, dy = Math.cos(f / 51) * 14;
+  const rot = Math.sin(f / 83) * 0.008;
+  for (const h of batidas) if (f >= h) {
+    const d = Math.exp(-(f - h) / 6) * forca;
+    z += 0.05 * d; dx += 14 * d * Math.sin((f - h) * 2.7 + h); dy += 14 * 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>;
+};