---
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).