Teste de laboratório · 16/10/2026 · nada vai para a cliente

STYLE.md: vale o custo nos quadros-chave?

Mesmo brief (story do Leilão #28 da Dona Onça, 9:16, 8 s, 3 cenas), mesmas 3 referências, 6 quadros-chave por lado. A recebeu as referências direto. B recebeu as referências e um STYLE.md medido delas (paleta amostrada por pixel, textura, linha, tipo, ritmo e 15 itens "não copiar"). Dois produtores por lado, cada um num Claude limpo (Sonnet). Júri leve em duelo (Opus), sem saber qual lado tinha STYLE.md, cada par julgado nas duas ordens.

Conclusão

Não vale como está. O STYLE.md zerou o vazamento (0 de 15 itens contra 3 de 15 em cada A), mas perdeu os dois duelos por 4 votos a 0: os quadros de B saíram menores, mais vazios e com cara de documento.

O defeito veio do próprio STYLE.md: ele ditou escala de tipo menor que o design system e tirou o âmbar de "Sexta", contra a regra da marca. B custou cerca de 24% mais tokens de entrada e 35% mais tempo por filme.

Fica opção, enxuta: só a lista "não copiar" e o papel das cores; tipo, escala e ritmo continuam vindo do design system da marca.

As referências (todas nossas, da Biblioteca)

ref1 · 001 A planta da LNZ

Referência 2: grade de quadradinhos e número grande

ref2 · 002 Teaser escrito v1

Referência 3: cartões de contador e anéis

ref3 · 014 Brief fixo, quatro cenas

Par 1: A1 × B1

A1: seis quadros-chave sem STYLE.md — **A1, sem STYLE.md** venceu nas duas ordensacabamento 7 e 7 · gosto 7,5 e 7,5 · coerência 8 e 8 · vazou 3 itens: linhas-guia diagonais (ref1), barra branca de impacto (ref2), trilho de tempo na base (ref2)

B1: seis quadros-chave com STYLE.md — **B1, com STYLE.md** perdeuacabamento 6 e 6 · gosto 5,5 e 6 · coerência 7 e 7 · vazou 0 item · júri: metade de baixo morta, fecho em caixa roxa "de cartão de site", "53" miúdo

Par 2: A2 × B2

A2: seis quadros-chave sem STYLE.md — **A2, sem STYLE.md** venceu nas duas ordensacabamento 7 e 7 · gosto 7,5 e 8 · coerência 8 e 8 · vazou 3 itens: malha de planta no fundo (ref1), régua de quadradinhos (ref2), cursor vertical (ref2); e inventou "A caça é séria."

B2: seis quadros-chave com STYLE.md — **B2, com STYLE.md** perdeuacabamento 5 e 5 · gosto 4,5 e 5 · coerência 6 e 6 · vazou 0 item · júri: "documento de Word", quadro 5 quase vazio, linha de base lida como barra de progresso

O que vazou em A, de perto

A1 quadro 1 com linhas diagonais da ref1 — A1 q1: diagonais da planta (ref1) e trilho de tempo na base

A2 quadro 1 com malha, régua e cursor da ref2 — A2 q1: malha de 120 px (ref1), régua de quadradinhos e cursor (ref2)

Nenhum A copiou assunto pesado (logo da LNZ, timecode, "visitas no mês", anéis, check). O que vazou foram grafismos de estrutura. O júri, sem saber de nada, apontou as diagonais como "textura de chuva de outro filme" e a régua como "código de barras ou barra de carregamento", e mesmo assim preferiu A.

Medidas

	A (média de 2)	B (média de 2 + STYLE.md uma vez)
Tempo de relógio	107 s	98 s + 46 s do STYLE.md = 144 s (+35%)
Tokens de entrada (contador do CLI)	90,6 mil	77,4 mil + 35,2 mil = 112,6 mil (+24%)
Tokens de saída	13,9 mil	13,1 mil + 5,1 mil = 18,2 mil (+31%)
Itens "não copiar" que apareceram	3 de 15 em cada	0 de 15 nos dois
Duelo (4 votos, ordem trocada)	4	0
Acabamento médio	7,0	5,5
Atenções da camada mecânica	12 e 9 (texto a menos de 6% da borda)	1 e 3
Diferença entre os 2 produtores	grande (dois filmes diferentes)	quase nenhuma (o STYLE.md decide quase tudo)

Júri: 4 revisores Opus, de 26 a 40 mil tokens cada. Logo: o verificador oscilou entre "achou" e "parecido" com o mesmo arquivo de letreiro nos quatro (limiar, não defeito).

Por que B perdeu

O STYLE.md virou direção de arte: fixou o fecho em 88 px, a contagem em 48 px e o selo em 48 px, abaixo da escala do design system e do story v5 (título de 124 px). Os dois produtores obedeceram e os quadros esvaziaram.
Ele mandou "Sexta" em branco e só "20h" em âmbar. O brief diz âmbar em data e hora: um revisor em cada par pegou.
O "fio condutor" que ele tirou da ref2 virou linha de base em todos os quadros, e o júri leu como barra de progresso, o mesmo tipo de sobra que ele queria evitar.
O que ele fez bem: a lista "não copiar" funcionou inteira, a paleta medida trocou cada cor da referência pela da marca e a margem ficou mais limpa.

O STYLE.md usado em B

Abrir o arquivo inteiro

# STYLE.md: story Leilão #28 (Dona Onça TCG)

Base: marca escura, seca, técnica. As referências emprestam proporção, papel e tempo. Os hex são sempre os da marca.

## 1. Paleta
| Hex | Papel | Uso |
|---|---|---|
| `#0A0E1A` | fundo (noite) | ~80% da área, todas as cenas |
| `#FFFFFF` | texto e número | número do leilão, títulos |
| `#CAD5E2` | texto de apoio e linha | legendas, contagem, fios (com opacidade) |
| `#F5B440` | acento âmbar | só data, hora, selo e pílula; ~2 a 3% da área |
| `#D78F00` | preenchimento grande | só fundo de selo/pílula com texto `#0A0E1A` |
| `#361A41` | superfície base | cartão das cartas, 16 px de raio |
| `#522F5F` | superfície mais clara | profundidade (cartão sobre cartão) |
| `#6C3084` | superfície e onça | só a onça e áreas sem texto |

Empréstimos e substituições:
- ref1 (`#234066` 82,6% de fundo, `#F06323` 2,8%): empresta a proporção "fundo frio enorme, uma cor quente de ~3% que só entra na virada". O azul de planta sai, fica `#0A0E1A`; o laranja vira `#F5B440`.
- ref2 (`#101114` 72,1%, creme `#E8E7E2` 0,8%, laranja `#E46731` 0,13%): empresta fundo quase preto, texto claro e acento só na palavra-chave. Creme vira `#FFFFFF`; cinzas médios (`#6D6A69`, `#848180`) viram `#CAD5E2`; laranja vira `#F5B440`.
- ref3 (`#F5F4F6` 84,4%, azul `#3881F2`, verde `#45B06A`): fundo claro, azul e verde não entram. Só o ritmo é aproveitado.

## 2. Textura
Há: superfícies chapadas, foto real das cartas. Não há: grão, ruído, grade de fundo, halo, brilho, gradiente, sombra pesada. Profundidade só por `#361A41` sobre `#0A0E1A`, sem sombra ou com no máximo 0 8px 24px a 20% preto.

## 3. Linha
- Espessura 2 px (4 px em fio de destaque). Cor `#CAD5E2` a 20% de opacidade; `#F5B440` a 100% só no fio que marca hora ou selo.
- Aparece em: sublinha sob "Sexta, 20h", divisor entre cartas, contorno de 2 px do selo (raio 12). Nunca como grade cobrindo a tela, nunca em ângulo de construção.
- Fio condutor (ideia da ref2): um traço horizontal de 4 px que cresce da esquerda e liga as cenas, `#CAD5E2` a 40%.

## 4. Tipografia (só Outfit)
- Número do leilão "#28": 800, 400 px na cena 1 (centrado, ~1 de cada 3 da altura útil), 240 px na cena 2. Sempre o maior elemento. Espaçamento -0,02em, linha 0,9.
- Hora "20h": 800, 180 px, `#F5B440`. Dia "Sexta": 700, 96 px, `#FFFFFF`. Caixa mista.
- Selo "É AMANHÃ": 700, 48 px, caixa alta, +0,08em, texto `#0A0E1A` sobre `#F5B440`, raio 12.
- Fecho "Bora entrar no grupo.": 700, 88 px, caixa mista, branco, alinhado à esquerda, entrelinha 1,05. Pílula "Link na bio": 600, 48 px, texto escuro sobre `#F5B440`, raio 999.
- Contagem "53 cartas no leilão": 500, 48 px, `#CAD5E2`.
- Tradução do mono (metadado miúdo nas cantos das refs): Outfit 500, 40 px (mínimo), caixa alta, +0,12em, `#CAD5E2`, fora dos 250 px do topo e dos 340 px da base. Números sempre com `font-variant-numeric: tabular-nums`.
- Tradução de Visby pesada e Inter 700: Outfit 800 para número, 700 para frase. Frase forte, uma por tela, à esquerda.

## 5. Ritmo
- Plano médio 2,67 s (8 s em 3 cenas); ref1 tem 2,7 s por ato, ref2 3,75 s.
- Cena 1 (0 a 2,5 s): 0,0 a 0,3 vazio; "#28" entra por contagem seca 0 a 28 em 0,3 a 1,3 s; segura 1,3 a 2,5 s. Sem âmbar.
- Cena 2 (2,5 a 5,5 s), três tempos (ideia da ref3): 2,5 a 2,9 quase vazio; 2,9 a 4,7 mudança (dia, âmbar "20h" entra em 2,9, selo em 3,3 com batida de 80 ms, três cartas a 0,2 s de intervalo, contagem 0 a 53 em 4,0 a 4,7); 4,7 a 5,5 segura.
- Cena 3 (5,5 a 8,0 s): 5,5 a 5,9 quase vazio; frase 5,9 a 6,6; pílula âmbar em 6,6 (o acento chega como evento); letreiro + onça 6,9 a 7,4; segura até 8,0.
- Easing: `expo.out` para entrar, `power2.inOut` para trocar. Nada pula, nada balança.
- Acento: âmbar nunca aparece antes de 2,9 s; cada entrada dura 0,2 a 0,3 s.

## 6. Não copiar (só o visual é emprestado)
**ref1 (filme de logo LNZ)**
1. O logo LNZ (letras, forma, contorno branco, preenchimento laranja pela metade).
2. O texto "1080 × 1920 · 30 fps" no canto.
3. O timecode "00:08:24".
4. As linhas-guia diagonais e a grade de planta azul com cotas.
5. O halo radial quente atrás do logo.

**ref2 (filme de quadros por conta)**
6. A frase "Cada quadro sai de uma conta." e qualquer frase sobre quadros ou contas.
7. A grade de quadradinhos cinza (matriz de pontos).
8. A barra vertical laranja com pontas (agulha/cursor) e o ponto final de "LNZ.".
9. O rótulo "t = 29,009 s" e qualquer leitura de tempo ou cursor.
10. O número "1.741" com "quadros" ao lado.
11. A linha "30 s × 60 quadros por segundo" e o DM Mono.

**ref3 (filme de métricas de app)**
12. Cartões de métrica com "0", "10.470", "12.452", "12.477", "12.480" e "visitas no mês".
13. Anéis de progresso e percentuais "0%", "10%", "97%", "100%".
14. O check verde de concluído e o azul de ação.
15. O cartão branco de sombra suave e o fundo cinza claro de keynote.

## 7. Conferência no quadro-chave
Em cada quadro-chave, procure palavra, número, ícone, barra, grade, anel, check, timecode e logo da lista: nenhum pode aparecer; só há texto do brief, as três cartas reais, letreiro e onça, e os hex da paleta.

Limites: quadros parados, sem movimento; 2 produtores por lado; referências abstratas (sem personagem nem objeto forte), onde o vazamento de assunto é fraco. Com referência de personagem ou produto, a lista "não copiar" deve pesar mais. Material da cliente só em teste interno, noindex; nada foi enviado.