Peças Cíveis Perfeitas
Este documento não cria marca nova. Ele instala uma camada de produto sobre o sistema de Vanna Cabral e dá ao mecanismo central do curso — o esqueletinho — a coisa mais difícil de desenhar: uma forma que se reconhece de longe sem nunca virar fôrma.
Uma frase que aposta, e uma que precisou ser refeita
A v1 deste documento apostou numa tese que estava errada de fato, não de gosto: ela desenhava um mecanismo que a professora não reconhece como sendo o dela. A tese abaixo nasce da palavra dela e é ela que decide as próximas cem decisões visuais deste produto.
Página de sumário de livro cruzada com caderno de correção de professora, aplicada à petição inicial — e o twist: este sumário nunca vem impresso. Ele é escrito à mão, caso a caso, no vão em branco que o artigo 319 deixou de propósito.
Metade impressa contra metade em branco. De um lado, o frio do índice institucional: numeração em mono, eixo de alinhamento à esquerda que não se move, artigo do CPC como rótulo — a parte que a lei já resolveu. Do outro, a borda direita irregular, o comprimento de cada linha decidido pelo caso e a tinta de correção — a parte que só existe porque alguém sentou e montou. Pendeu para o impresso, vira formulário para baixar e preencher, que é exatamente o que ela nega em voz alta. Pendeu para o manuscrito, vira caderno de rascunho e perde a autoridade que este produto não tem em prova social.
Por que esta tese e não outra
O mecanismo é, na letra dela, um sumário: "o esqueleto é como se fosse o sumário de uma peça e isso varia de caso a caso". Sumário é a única forma gráfica que qualquer pessoa reconhece de longe e que, mesmo assim, nunca é igual em dois livros. Estrutura sem fôrma, que é precisamente o que este sistema precisa comunicar e o que nenhuma grade fixa consegue dizer.
E sumário é uma forma de leitura não linear. Ele só existe porque alguém não vai ler do começo ao fim — o mesmo leitor que a leitura dinâmica descreve. A forma do mecanismo e a forma do problema são a mesma forma, vista dos dois lados da mesa.
O avatar tem vergonha técnica e alergia a guru. Sumário não motiva ninguém: ele orienta. Isso conversa com um advogado de dois a quinze anos de OAB de um jeito que nenhum degradê com frase de efeito conversa.
Cubra o lockup da peça. Um advogado do cível reconhece de qual produto ela é? Sim — pilha numerada de borda direita irregular sobre superfície de osso, com o artigo do CPC em mono na margem e uma linha de enchimento riscada, só existe aqui. Nenhum concorrente do jurídico brasileiro pega isso emprestado sem parecer decalque.
Por que a tese anterior caiu
A v1 leu o mecanismo como oito encaixes fixos, sempre na mesma ordem, extraídos das tabelas "Estrutura básica de..." do livro digital, e construiu sobre isso uma prancha de anatomia do século XIX. A leitura estava errada na origem, e o erro é nosso.
Prancha de anatomia é a forma mais fixa que existe: todo esqueleto humano tem os mesmos ossos, e é exatamente daí que um atlas tira a autoridade. Aplicada a um mecanismo que muda de caso para caso, ela promete a fôrma que o produto recusa em voz alta. Caíram a tese, os oito encaixes, a família de oito ícones gerada por eles e toda afirmação de que a ordem nunca muda. Permanecem os tokens, a herança, a matriz de contraste e o critério de tipografia — nenhum deles dependia do número oito.
"o esqueleto é como se fosse o sumário de uma peça e isso varia de caso a caso. Em vez de contar a história em texto corrido, cria-se os tópicos. O juiz não lerá o textão, mas com o esqueletinho — chamo no diminutivo — ele passa a vista e sabe onde ler para decidir sobre isso ou aquilo."
O nome é esqueletinho, no diminutivo, e isso é regra de marca. Não é apelido inventado aqui: é como ela chama e ela diz que chama assim. O diminutivo não é fofura, é escala — é um sumário pequeno, feito à mão, para um caso só. Peça da campanha que escreve "o esqueleto" no lugar volta para correção.
As três direções que disputaram
Divergir antes de convergir: três mundos de origem que não poderiam coexistir no mesmo produto. A escolha foi decidida pelo avatar e pela oferta, nunca por gosto.
O caderno de correção
Mundo: página de aluno com caneta vermelha por cima, marginália, chave de chamada, "ver pág. 4". Forte na afeição e no diminutivo, e morre no contorno da oferta — ela diz na VSL, com todas as letras, que não corrige a peça de ninguém. Identidade construída sobre marginália promete justamente o serviço que a oferta nega. Sobrevive dela apenas a matéria de origem do Carmim.
O sumário manuscrito
Mundo: página de índice de livro, numeração em mono, filete conduzindo o olho, e a lista escrita à mão para um caso só. Vence porque o mecanismo é um sumário na definição dela, porque a pilha numerada de borda irregular é variável por construção e porque o par impresso contra manuscrito traduz sozinho o vão que o artigo 319 deixa livre.
O textão como superfície
Mundo: a página cinza de texto corrido, sem respiro e sem número, promovida a superfície dominante da marca. Desconfortável porque é a estética do inimigo. Não vence — marca cuja superfície é ruído não sustenta oferta —, mas sobreviveu rebaixada a textura: o textão virou o material sobre o qual a virada acontece. Sem ele, o gesto principal do sistema não teria contra o que agir.
O que vem da marca-mãe e o que nasce aqui
Arquitetura Branded House: o produto não ganha marca independente. Ele herda o sistema de Vanna Cabral inteiro e constrói uma camada por cima. Esta tabela existe para que ninguém invente paleta, fonte ou símbolo depois.
| Eixo | Herda sem discussão | Próprio do produto |
|---|---|---|
| Paleta | Navy #0B1E3F · Electric Blue #2563EB · Ink #0F172A · Paper #FFFFFF · Mist #F8FAFC · Mist 500 #64748B | Osso #E8DCC8 como superfície e Carmim #A6341F como anotação de diagnóstico. Nada além destes dois, e as variações tonais do próprio Osso (50, 100 e 300) |
| Cyan Pulse | Segue vivo na marca-mãe como detalhe pontual | Não entra neste produto — o detalhe pontual aqui é o Carmim, e dois detalhes brigando é zero detalhe. Decisão mantida da v1, e ela não dependia da tese que caiu |
| Tipografia | Fraunces display · Inter corpo · JetBrains Mono técnico. Nunca extrabold, nunca black | Territórios de uso por superfície (seção 07) e o salto mínimo de escala entre display e corpo |
| Marca | Wordmark :: Vanna Cabral intacto — Fraunces 500, tracking −3,5%, dois pontos em mono azul | Lockup de endosso que amarra o nome do produto ao wordmark, sem tocar no wordmark |
| Botões | Hierarquia herdada: primary navy · blue de venda · ghost outline · text link | Nenhuma variante nova. O Carmim nunca vira botão |
| Fotografia | Direção Real, Sério, Moderno — luz natural, cenário real, ar negativo, referência Monocle e WSJ Magazine | A grade de cor do lote (seção 08) e a chamada numerada aplicada sobre a foto |
| Ícones | Grid 24 × 24, stroke 1,5px, cantos redondos, cor navy com hover blue | Não existe família fechada de ícones neste produto. Onde a v1 tinha oito ícones derivados de oito encaixes, a v2 tem uma regra de construção de aridade variável (seção 05). Quando um contexto exige conjunto fixo — módulo, aula, material —, a chave é a peça (que é lista estável) e nunca o mecanismo (que não é) |
| Grade e espaço | Sistema de 8px e escala modular 1.200 | Grade de doze colunas nas lâminas e a varredura diagonal como única quebra de grade autorizada. Nenhum número deste sistema é simbólico — doze é o que cabe em A4 com margem de 18mm, e só isso |
| Movimento | Sobriedade: sem glow, sem partícula, sem parallax de vitrine | Curva de assinatura, durações e a regra do que nunca anima (seção 08) |
Método PEÇA é nome morto e foi descartado pelo cliente. Ele ainda aparece duas vezes no brandbook da marca-mãe: como ícone 04 da biblioteca de dezesseis e como exemplo de badge mist na seção 08.2. Precisa sair de lá na próxima revisão da marca-mãe — este produto não usa, não substitui e não batiza nada no lugar. O mecanismo tem nome de conteúdo, não de marca registrada, e o nome é o esqueletinho, no diminutivo, exatamente como ela fala.
A camada de produto nunca contradiz a marca-mãe
Se uma peça deste produto precisar de algo que a marca-mãe proíbe, o caminho é voltar ao @theboss, nunca decidir sozinho na peça. Divergência silenciosa em cor, fonte ou botão é o começo de duas marcas onde deveria existir uma.
Sem referência de terceiro no briefing, não há RAIO-X de modelagem a fazer aqui: a herança é arquitetura, e não referência copiada.
Quatro direções irreconciliáveis para a assinatura do produto
Não é logo novo. É a construção que amarra Peças Cíveis Perfeitas à assinatura de Vanna Cabral dentro do Branded House. As quatro vêm de mundos estruturais diferentes — chamada de sumário, pilha de tópicos, bloco carimbado e cota de desenho técnico — e só uma sobrevive à escolha do cliente.
O sistema é variável, a marca não é. Marca que muda de forma não é marca. A saída: o lockup congela uma instância do sistema — uma pilha de quatro linhas, sem rótulo nenhum —, e este documento declara em voz alta que aquele quatro é do desenho da marca e nunca do caso do advogado. Por isso a marca não carrega nome de tópico: no segundo em que ela nomeasse quatro tópicos, viraria a fôrma que o produto recusa.
A chamada
O endosso chega por um filete que sai do nome do produto e conduz o olho até a assinatura, do mesmo jeito que a linha de um sumário conduz do título até o número da página. É a direção que mais fala a tese.
- Mundo de origem: linha de chamada de página em sumário
- Força: o gesto da marca já está dentro do lockup
- Risco: exige largura, sofre em avatar e em formato vertical
- Uso natural: rodapé de página, capa de material, abertura de vídeo
A pilha
Quatro linhas de comprimento irregular, numeradas à esquerda num eixo que não se move. Rigidez de um lado, liberdade do outro, num bloco compacto que sobrevive em avatar, em vertical e em quarenta pixels.
- Mundo de origem: página de índice e lista escrita à mão
- Força: única direção que funciona em todo formato sem redesenho
- Risco: pilha apertada demais volta a ler como textão — respeitar o passo
- Uso natural: perfil, área de membros, criativo, marca-d'água de vídeo
O bloco carimbado
Filete duplo, canto vivo, nome em caixa alta e a assinatura embaixo da régua, como etiqueta de arquivo técnico. Autoridade instantânea e a maior chance de envelhecer mal. Não fala a tese: fala só o lado impresso dela.
- Mundo de origem: etiqueta de arquivo e carimbo de protocolo
- Força: parece documento oficial, não parece infoproduto
- Risco: fronteira fina com estética de apostila de concurso
- Uso natural: selo de bônus, capa de material impresso, certificado
O vão
A única direção que desenha o conceito em vez de desenhar o mecanismo: dois blocos de linha impressa com um espaço vazio entre eles, medido com cota de desenho técnico em Carmim. O vão é o assunto, e o nome do produto está do lado de fora dele.
- Mundo de origem: cota de prancha técnica e diagrama de engenharia
- Força: horizontal larga, ideal para cabeçalho, lower third e e-mail
- Risco: exige legenda a primeira vez que aparece, e some no quadrado
- Uso natural: topo da página da VSL, lower third, assinatura de e-mail
Regras que valem para a direção escolhida
| Eixo | Definição |
|---|---|
| Área de proteção | Altura da caixa alta do nome do produto multiplicada por dois em todos os lados. Nada entra nesse retângulo, nem foto, nem texto, nem borda de card |
| Tamanho mínimo | Digital: 132px de largura no lockup horizontal e 34px de largura na pilha. Impresso: 32mm e 9mm. Abaixo disso, entra a pilha de três linhas isolada |
| Contagem congelada | A pilha da marca tem quatro linhas, sempre, com os comprimentos relativos 0,72 · 1,00 · 0,46 · 0,88. Esses quatro números são desenho de marca e não descrevem caso nenhum |
| Versões obrigatórias | Principal sobre osso · reversa sobre navy · monocromática em navy · monocromática em osso · símbolo isolado. Desenhadas juntas, nunca adaptadas depois |
| Fundos permitidos | Osso, Paper, Mist 50, Navy e Ink. Sobre fotografia, apenas em área de baixa textura com a versão reversa |
| Assinatura | O wordmark da mãe entra sempre como recebido — Fraunces 500, tracking −3,5%, dois pontos antes do nome. Nunca redesenhado, nunca em itálico, nunca com o símbolo trocado |
O que nunca acontece com o lockup
- Nome do produto em Inter ou em qualquer sans — o nome é Fraunces, sempre
- Trocar a ordem do endosso — o produto vem primeiro, a assinatura endossa depois
- Mudar o número de linhas da pilha da marca — quem varia é o sistema, não a marca
- Escrever nome de tópico dentro do lockup — a marca nunca nomeia tópico de caso nenhum
- Sombra, brilho, contorno ou degradê em qualquer parte do lockup
- Carmim no nome do produto — o Carmim é numeração e anotação, nunca identidade
- Apertar o passo da pilha para caber em espaço curto, em vez de usar a versão de três linhas
As quatro direções vão para escolha. A recomendação técnica é a 02 · a pilha como principal, com a 04 · o vão autorizada como variante horizontal — juntas cobrem todos os formatos sem redesenho, e as duas falam a tese por caminhos diferentes. Escolhida uma, ela vira fixa e as outras saem de circulação.
Dois tokens que diferenciam sem quebrar a paleta-mãe
A paleta-mãe é azul e branca, de fintech séria. Um produto que precisa parecer página impressa não pode viver em branco puro — e também não pode inventar um sistema paralelo. A saída são dois tokens com matéria de origem nomeada e papel restrito.
Papel dramático de cada cor
| Cor | Participação | Papel |
|---|---|---|
| Osso e Osso 100 | 60% a 70% | O palco. É a página, o papel, a superfície onde o osso está desenhado |
| Navy | 15% a 25% | Autoridade e contraste. Faixas, blocos de citação, peças de tom sério, fundo de vídeo |
| Ink e Ink 600 | texto | Leitura longa. Ink 600 para o secundário sobre osso, que é onde o Mist 500 falha |
| Carmim | até 8% | O protagonista raro. Numeração do tópico, filete da chamada, artigo do CPC, o risco do corte e o ponto onde a peça morre |
| Electric Blue | até 5% | Herdado e restrito: botão de compra, link e seta de fluxo. Não é decoração deste produto |
Carmim e Electric Blue não dividem a mesma dobra com a mesma importância. Onde existe botão de compra, o Carmim recua para a função de anotação. Se os dois brigarem pelo olho, o azul vence — quem paga o funil é o botão.
Matriz de contraste do produto
Calculada sobre os mesmos critérios da matriz da marca-mãe: AAA a partir de 7:1, AA a partir de 4,5:1, AA large a partir de 3:1 para texto grande.
| Texto sobre fundo | Razão | Nível |
|---|---|---|
| Navy sobre Osso | 12,2 | AAA |
| Ink sobre Osso | 13,2 | AAA |
| Osso sobre Navy | 12,2 | AAA |
| Ink 600 sobre Osso | 5,6 | AA |
| Carmim sobre Paper | 6,7 | AA |
| Carmim sobre Osso | 5,0 | AA |
| Paper sobre Carmim | 6,7 | AA |
| Electric Blue sobre Osso | 3,8 | AA large |
| Mist 500 sobre Osso | 3,5 | AA large |
| Carmim sobre Navy | 2,5 | proibido |
Três consequências práticas: o secundário sobre osso é Ink 600 e não Mist 500; o azul sobre osso só existe acima de 24px ou em peso 600 a partir de 19px; e o Carmim não encosta no navy — sobre fundo escuro, a chamada inverte para Osso.
Sobre superfície clara, o número da chamada é Carmim e a linha-guia é Carmim. Sobre navy, tudo isso vira Osso — mesma geometria, mesma espessura, mesma tipografia.
Nomes semânticos por papel, nunca por pigmento. Quem implementar não decide qual bege usar — o token diz.
Por que o token continua se chamando Osso depois que a prancha de anatomia caiu: a palavra sobreviveu na boca dela. Esqueletinho tem osso dentro. O que morreu foi a tese do atlas de dissecação, não o vocabulário do curso — e trocar o nome de um token que já circula em três superfícies custaria caro para não resolver nada.
Como desenhar estrutura sem desenhar fôrma
O esqueletinho é o sumário da peça, e ele varia: um caso tem quatro tópicos, outro tem sete, e os nomes nunca se repetem. Isso é bem mais difícil de desenhar do que grade fixa, e é bem mais valioso — o sistema precisa ser reconhecível na terceira peça de campanha sem nunca dizer ao advogado quais são os tópicos dele.
A regra de construção
Rigidez de um lado, liberdade do outro. Não existe glifo canônico com número fixo de partes: existe uma regra que qualquer pessoa aplica e que produz um desenho diferente para cada caso, todos da mesma família.
| Eixo | Definição |
|---|---|
| Rigidez à esquerda | Coluna de numeração em mono, alinhada num eixo vertical que não se move. É a única parte do desenho igual em toda peça, e é ela que faz a família ser reconhecida |
| Liberdade à direita | Uma linha por tópico, e o comprimento de cada linha é o comprimento do nome daquele tópico. Nunca decorativo, nunca arredondado para ficar bonito |
| Contagem | De 3 a 9 linhas, decidido pelo caso. Abaixo de 3 não se lê como lista; acima de 9 quem varre já perdeu o mapa, e o curso ensina a agrupar |
| Borda direita | Irregular por consequência, nunca por decoração. Se dois nomes têm tamanho parecido, as duas linhas saem parecidas e está certo. O que reprova é a pilha inteira sair retangular: significa que alguém desenhou linhas em vez de derivar do caso |
| Passo | Distância entre linhas de no mínimo quatro vezes a espessura da linha. Passo apertado devolve a pilha ao textão, e aí o desenho está dizendo o contrário do que deveria |
| Ordem | Cronológica ou lógica, decidida pelo caso. Nunca a mesma em duas peças da mesma campanha |
| Cor | Numeração em Carmim sobre claro e em Osso sobre escuro. Linhas em Navy sobre claro e em Osso sobre escuro |
| Nunca | Bullet, marcador, seta, ícone ou caixa no lugar do número. O número é mono, dois dígitos, e é só isso |
Três níveis de detalhe, decididos pelo tamanho
A pilha de três
Três linhas, traço engrossado, numeração reduzida a marca curta e ilegível de propósito. A leitura aqui é a silhueta irregular, não o conteúdo. Favicon, avatar, marca-d'água de vídeo.
A pilha numerada
Quatro a cinco linhas com a coluna de numeração visível e nenhum rótulo escrito. É o nível da marca e o nível do ícone de módulo, do lower third e do selo de material.
O esqueletinho de um caso
O número real de tópicos daquele caso, com os nomes escritos e o filete conduzindo até a margem. É o único nível com conteúdo, e o conteúdo é sempre de um caso nomeado — nunca de um caso genérico.
Gesto de assinatura 01 · A virada
O gesto principal deste produto não é uma forma, é uma transformação. Doze linhas de texto corrido, todas do mesmo comprimento, sem respiro e sem número, se reorganizam em quatro tópicos: as linhas de cada bloco se recolhem sob a primeira, que vira título e encolhe até o tamanho do próprio nome. É o que ela faz na tela, ao vivo, aos 5 minutos e 3 segundos da VSL — e é a única coisa deste sistema que precisa ser vista acontecendo.
Os quatro tópicos são os do exemplo que ela dá em aula, palavra por palavra: do momento da compra, do defeito do produto, do dano gerado, da resposta da empresa. O comprimento de cada filete é medido no próprio nome, em tempo de renderização — não foi escolhido por composição.
720ms, uma vez
Na curva de assinatura. Uma virada por peça, nunca em laço, nunca em loop de fundo. Gesto que se repete sozinho deixa de ser gesto e vira animação de vitrine.
Nunca começa pela pilha
A virada só existe se o textão veio antes. Peça que já abre organizada não tem o que virar, e o espectador não vê o mecanismo — vê só uma lista.
Dois estados lado a lado
Em criativo parado, a virada vira antes e depois na mesma peça, com a mesma quantidade de linhas dos dois lados. Sem seta entre eles: a leitura da esquerda para a direita já é a seta.
Dois casos, dois esqueletinhos
A prova de que o sistema não é fôrma cabe numa dobra: os dois exemplos que ela usa em aula, desenhados com a mesma regra e sem uma linha em comum. Um tem quatro tópicos, o outro tem cinco, e as silhuetas não se parecem.
Se as duas pilhas tivessem o mesmo número de linhas, o sistema estaria dizendo baixe e preencha — o contrário exato do que o produto vende. Num lote de campanha, nenhum esqueletinho repete a contagem de outro, e nenhum deles é apresentado sem o caso a que pertence.
O corte · o enchimento de linguiça, desenhado
A promessa do curso tem duas metades, e a segunda é a que dá mais medo: dentro de cada tópico, o que precisa ser escrito contra o que é só enchimento de linguiça. O sistema desenha essa segunda metade em vez de escondê-la — a linha de enchimento aparece, em contorno vazado e cinza, cortada por um risco reto em Carmim.
| Regra | Definição |
|---|---|
| Forma | Contorno vazado em Mist 400, nunca preenchido, atravessado por um risco de 1px em Carmim. O contraste com a linha sólida do tópico é o que faz a leitura |
| Quantidade | No máximo duas linhas riscadas por peça. Três já vira rasura, e rasura é a estética da direção que foi descartada |
| Traço | Risco reto e horizontal. Nunca rabiscado, nunca em X, nunca à mão livre |
| Nunca | Risca texto real de peça de terceiro, risca a headline da peça de campanha, ou aparece sem que exista pelo menos uma linha inteira ao lado |
Cinco linhas, duas cortadas. O que sobra é o esqueletinho de verdade — e é assim que a peça encolhe na tela sem perder força nenhuma, que é a frase que ela usa em aula.
Número de dois dígitos em mono dentro de filete, linha-guia de 1px, ponto de 5px na ponta e rótulo em caixa alta com entreletra +0,14em. Executável em trinta segundos sobre foto, print, diagrama ou vídeo.
Gesto de assinatura 02 · A chamada
O segundo gesto sobreviveu à troca de tese sem mudar uma unidade de geometria, mas mudou de origem. Na v1 ele vinha da legenda numerada de prancha anatômica. Agora vem da marcação de sumário: o número de um lado, o filete conduzindo o olho e o rótulo do outro, que é o desenho de qualquer página de índice desde que existe livro impresso.
A troca importa mais do que parece. Legenda de anatomia aponta para uma peça que já existe e tem nome fixo. Chamada de sumário aponta para um trecho que alguém escolheu chamar assim — e é exatamente essa a diferença entre o mecanismo que caiu e o que ficou.
Sobre superfície clara, número e filete em Carmim. Sobre navy, tudo isso vira Osso — mesma geometria, mesma espessura, mesma tipografia. O Carmim nunca encosta no navy, e a matriz de contraste da seção 04 é a razão.
O vão do artigo 319
O lastro técnico do mecanismo cabe em duas frases, e as duas são do CPC. O artigo 319 diz o que a peça precisa ter, inciso por inciso. Ele não diz uma palavra sobre como a narrativa se organiza lá dentro. O esqueletinho vive nesse vão, e o sistema visual desenha o vão em vez de desenhar a lista.
- o juízo a que é dirigida
- os nomes e a qualificação das partes
- o fato e os fundamentos jurídicos do pedido
- o pedido com as suas especificações
- o valor da causa
- as provas com que pretende demonstrar a verdade dos fatos
- a opção pela audiência de conciliação ou de mediação
CPC, ART. 319, I A VII · SETE, NÃO OITO
O ESQUELETINHO · CINCO NESTE CASO
| Lado | Como se desenha |
|---|---|
| O lado impresso | Navy, ortogonal, numeração romana e moldura fechada em volta de cada item. A contagem vem da lei e é igual para todo mundo. É a lâmina, o fluxograma e a lista do artigo |
| O vão | Espaço vazio medido com cota de desenho técnico em Carmim. É o único vazio do sistema que ganha nome em vez de ser só respiro |
| O lado escrito | Osso e Carmim, numeração árabe em mono, filete conduzindo até a margem e nenhuma moldura. A contagem vem do caso. É o esqueletinho |
| O que reprova | Desenhar os dois lados com a mesma linguagem. Se o esqueletinho parece a lista do 319, a peça acabou de anunciar que existe fôrma |
A varredura · a forma do problema
O mecanismo do problema também tem forma, e ela é a contraparte visual do esqueletinho. A leitura dinâmica aparece como um feixe de linhas paralelas a 162 graus, sempre no mesmo ângulo, cruzando a peça de canto a canto. Onde o feixe encontra um tópico, existe um ponto de parada marcado — e é só isso que o esqueletinho faz: cria pontos de parada num lugar onde não havia nenhum.
| Regra | Definição |
|---|---|
| Ângulo travado | 162 graus em toda peça, sem exceção. Ângulo variável mata o reconhecimento |
| Espaçamento | Linha de 1px a cada 9px. Em vídeo, o feixe pode andar, jamais piscar |
| Opacidade | 10% sobre claro, 18% sobre escuro. Se a varredura competir com o texto, ela já falhou |
| Quebra de grade | É a única diagonal autorizada no sistema. Todo o resto é ortogonal |
| Nunca | Sobre rosto, sobre logotipo e sobre o botão de compra |
Imagem de referência da casa · na campanha, a foto final é de peça real em português
Onde o sistema aparece
Marca-d'água
Pilha gigante sangrando pela margem direita, entre 4% e 8% de opacidade, cortada pela borda. Nunca inteira, nunca centralizada, e nunca com a mesma contagem de linhas de outra peça do mesmo lote.
Divisor de seção
Uma linha só, que não chega à margem, com a numeração da seção em mono na ponta esquerda. Substitui qualquer régua divisória genérica — e nenhuma linha deste sistema atravessa a página inteira.
Indicador de posição
Na área de membros e nos slides, a pilha é montada com o número de aulas daquele módulo e a linha em foco acende. A contagem muda de módulo para módulo, e essa mudança é informação, não inconsistência.
O esqueletinho nunca repete a contagem de linhas dentro do mesmo lote · nunca aparece com nomes de tópico inventados por nós para um caso genérico, só com os nomes de um caso nomeado · nunca é apresentado como lista para baixar, copiar ou preencher · nunca ganha caixa, sombra, volume, perspectiva ou degradê · nunca recebe nome de método, sigla ou marca registrada · e em peça nenhuma aparece a frase "sempre na mesma ordem", que é o oposto do que o produto ensina. Caveira, martelo de juiz e balança dourada seguem fora do sistema: o produto fala de organização, não de folclore jurídico.
Onze fluxogramas viram uma coleção — e nenhum deles é o mecanismo
Hoje são PDFs que existem, funcionam e não se parecem com nada. Tratados como coleção, viram o ativo visual mais valioso do stack: onze lâminas da mesma família, que o aluno imprime, cola na parede e mostra para o colega — com a assinatura do produto em cada uma.
No roteiro da VSL, o fluxograma é apresentado com uma frase só e ela é literal: é o seu mapa de conferência. Ele responde o que a peça precisa ter, que é o território do artigo 319, e por isso é impresso, fechado e igual para todo mundo. O esqueletinho responde como a narrativa se organiza lá dentro, e por isso é escrito, aberto e diferente em cada caso. Nenhuma peça de campanha pode apresentar uma lâmina como sendo o mecanismo — a lâmina é o bônus que resolve a peça de amanhã, o mecanismo é o que se aprende no curso.
Grade e construção
| Eixo | Definição |
|---|---|
| Formato | A4 retrato, 210 × 297mm, exportado em PDF vetorial e PNG de 2x |
| Margens | 18mm nos quatro lados. A lâmina respira como página de livro, não como slide |
| Cabeçalho | Faixa navy de 22mm com o nome da peça em Fraunces 500 e o número da lâmina em mono, alinhado à direita |
| Coluna de conferência | À esquerda, a 26mm da margem, percorrendo a página inteira sem se interromper. Um item por exigência daquela peça — a lâmina 01 tem sete itens porque o artigo 319 tem sete incisos, e cada peça traz a contagem das exigências dela |
| Grade | Doze colunas com goteira de 6mm. É o que cabe em A4 com margem de 18mm, e nenhum número deste sistema é simbólico |
| Hierarquia | Três níveis e nenhum a mais: item de conferência · conteúdo obrigatório · artigo do CPC |
| Bifurcação | Toda ramificação sai para a direita e retorna à coluna de conferência. O caminho principal nunca desvia |
| Rodapé | Assinatura em mono de 8pt à esquerda e o número da lâmina à direita |
Cor, tipografia e traço
| Elemento | Tratamento |
|---|---|
| Superfície | Osso 100 com grão sutil. Papel, nunca branco de tela |
| Texto estrutural | Ink para conteúdo, Ink 600 para observação. Inter 400 e 500, corpo 9,5pt a 11pt |
| Nome do item | Inter 600 em caixa alta, corpo 8pt, entreletra +0,12em |
| Artigo do CPC | JetBrains Mono 500 em Carmim, sempre no fim do bloco, sempre no mesmo lugar |
| Setas de fluxo | Electric Blue, 1pt, ponta triangular sólida pequena. Azul é movimento processual, e só isso |
| Cartões | Filete de 0,75pt em Osso 300, canto vivo. Nunca caixa preenchida, nunca sombra |
| Ícone da peça | A pilha de nível 2 no canto superior direito do cabeçalho, montada com a contagem da própria lâmina. É o que dá silhueta distinta a cada uma na prateleira |
Coluna de conferência interrompida · mais de três níveis de hierarquia · seta em Carmim · caixa preenchida de cor · duas páginas para a mesma peça · fundo branco puro · numeração árabe em mono, que pertence ao outro lado do vão · e, o pior de todos, qualquer lâmina apresentada como sendo o esqueletinho da peça.
Índice e nomenclatura
São dez lâminas de peça mais a lâmina 00, que é o mapa do procedimento e existe para dar a visão macro antes das peças. O nome vive na tabela, o arquivo carrega número e versão.
| Nº | Peça |
|---|---|
| 00 | Mapa dos trâmites |
| 01 | Petição inicial |
| 02 | Contestação |
| 03 | Réplica |
| 04 | Alegações finais |
| 05 | Liquidação de sentença |
| 06 | Cumprimento de sentença |
| 07 | Impugnação ao cumprimento |
| 08 | Agravo de instrumento |
| 09 | Apelação |
| 10 | Agravo interno |
Arquivo: PCP_LAMINA_02_v1.pdf · miniatura: PCP_LAMINA_02_v1@2x.png. Fonte incorporada no PDF, sempre.
A coleção vista de longe
O teste do lote: as onze lâminas lado a lado numa prancheta só. Se alguma destoa de superfície, de faixa ou de coluna, ela volta para a mesa antes de qualquer uma ser publicada. E se duas silhuetas saírem idênticas, alguém copiou a estrutura de uma lâmina para a outra em vez de conferir as exigências daquela peça.
As silhuetas acima são ilustrativas. A contagem de itens de cada lâmina sai da conferência das exigências daquela peça, nunca de decisão de desenho — e é ela que faz cada miniatura ser reconhecida de longe.
As três famílias da casa, com território definido por superfície
Nenhuma fonte nova entra. O que este produto define é onde cada família manda em cada superfície — porque a mesma escala que funciona numa página de vendas destrói um fluxograma de peça, e o inverso também.
Serifa contemporânea de eixo variável. Território: autoridade editorial. Carrega o nome do produto, a headline e o título da lâmina
Grotesca neutra de leitura precisa. Território: corpo, nome de tópico e qualquer texto que o advogado vá ler inteiro
Mono técnica. Território: numeração de tópico, artigo do CPC, numeração de lâmina e todo dado tabular
| Superfície | Display | Corpo | Detalhe técnico |
|---|---|---|---|
| Página da VSL | Fraunces 400, clamp de 2,6rem a 4,4rem, entrelinha 1,05, entreletra −2,5% | Inter 400 de 17px, entrelinha 1,65, linha de até 70 caracteres | Mono 12px para rótulo de seção e para a numeração dos tópicos |
| Criativo estático | Fraunces 500, duas medidas apenas por peça, salto mínimo de 3x até o nível seguinte | Inter 500 de 30px no canvas de 1080, nunca abaixo de 26px | Mono em caixa alta 20px, entreletra +0,14em, para o rótulo do tópico |
| Lâmina | Fraunces 500 de 20pt, só no nome da peça no cabeçalho | Inter 400 de 9,5pt a 11pt, entrelinha 1,45 | Mono 8pt em Carmim para o artigo e 8pt em Ink 600 para o rodapé |
| Thumbnail e capa | Fraunces 500 de 96px no canvas de 1280 × 720, três a quatro palavras | Não existe corpo em thumbnail | Mono para o número gigante, que pode chegar a 300px |
| Área de membros | Fraunces 500 no título do módulo, 28px a 34px | Inter 400 de 16px, dominante — é superfície de uso, não de sedução | Mono 11px na numeração de aula e no tópico em foco |
| Legenda de vídeo | Sem display | Inter 600 de 44px no canvas de 1080, com fundo sólido de 74% de opacidade | Mono em caixa alta para o rótulo do tópico no lower third |
Salto de escala
Entre o display e o nível seguinte, no mínimo três vezes. Hierarquia tímida é assinatura de peça feita por máquina.
Microtipografia
Display grande sempre com entreletra negativa. Caixa alta pequena sempre com entreletra positiva. Número em tabela sempre tabular.
Peso máximo
Herança da mãe: nunca extrabold, nunca black. Seriedade não grita, e o avatar reconhece grito de longe.
Gramática do tópico
Todo tópico começa por Do, Da, Dos ou Das, seguido de um substantivo do caso: do defeito do produto, da resposta da empresa. Nunca verbo, nunca frase inteira, nunca dois pontos. Tópico mal escrito num mockup ensina o advogado errado.
O que faz o advogado parar, e o que faz ele reconhecer curso de internet
O mercado dela é visualmente pobre — estúdio branco, sorriso largo, seta amarela. Isso é a maior vantagem competitiva deste produto: qualquer peça que pareça editorial sério já ganha o feed sem gritar. A régua abaixo é específica de propósito.
Estático
Faz
- Peça real na tela com chamada numerada — a prova é o documento aberto, não a promessa escrita
- Vanna com caneta na mão sobre peça impressa, luz de janela lateral no fim da tarde, lente de 85mm, ar negativo à esquerda para o texto
- Superfície de osso com grão ou navy sólido, com a pilha sangrando pela margem
- A virada em dois estados na mesma peça — textão à esquerda, esqueletinho numerado à direita, e nada mais na composição
- Um número em escala desproporcional como âncora: o 319 do artigo, os 22 parágrafos em fila, a contagem de tópicos daquele caso
- Trecho de peça borrado no fundo e um único parágrafo em foco, marcado em Carmim
- Texto entre 20% e 60% da área, com hierarquia de gancho, benefício e ação
- Dez peças, dez composições diferentes — posição de texto, enquadramento e superfície mudam a cada uma
Não faz
- Martelo de juiz, balança dourada, código com laço vermelho · vira banco de imagem de escritório de 2009
- Estúdio branco com softbox frontal e sorriso amplo · vira EBRADI
- Seta amarela, círculo vermelho de reação, rosto com boca aberta · vira canal de gringo dublado
- Texto sobre o rosto ou corte que decapita a testa e o queixo · reprova no checklist antes de sair
- Fundo escuro com neon e a palavra inteligência artificial brilhando · vira curso de robô
- Seis cartões iguais com ícone colorido em cima · vira slide de faculdade
- Papel rasgado, carimbo verde de aprovado, selo de garantia em degradê · vira apostila de concurso
- Emoji, ícone de biblioteca pronta e vetor de gravata sem rosto · reprovação automática
- Lista de tópicos genéricos apresentada como modelo · o produto vende o contrário disso e o lote inteiro reprova junto
- Dez criativos com pilhas do mesmo tamanho · contagem repetida no lote anuncia fôrma onde não existe
Vídeo
Faz
- Abre com a peça rolando em varredura rápida por 1,4 segundo e corta seco para o rosto — o problema antes da pessoa
- Lower third com chamada: a linha-guia é desenhada em 240ms e o rótulo entra 80ms depois
- Legenda em Inter 600 sobre bloco sólido, com o rótulo do tópico em mono ao lado
- Corte na respiração da fala, sem transição de vitrine, sem zoom de mola
- Grade de cor da marca: 5200K, pretos elevados em 6, dessaturação de 12 em tudo, menos no Carmim e no azul da roupa
Não faz
- Legenda palavra a palavra saltando colorida · vira reel de coach
- Zoom pulsando no rosto a cada frase · cansa em quinze segundos e denuncia edição de esteira
- Trilha épica com virada e som de impacto em cada corte de argumento
- Contagem regressiva piscando e barra de urgência animada em cima da oferta
- Animar a pilha fora da virada · o esqueletinho só se mexe quando está virando, nunca por enfeite
Movimento com assinatura
| Eixo | Valor |
|---|---|
| Curva de assinatura | cubic-bezier(.2,.8,.2,1) |
| Nome interno | A virada — entra rápido e assenta, sem quicar |
| Micro-interação | 240ms |
| Revelação de bloco | 520ms, deslocamento máximo de 16px |
| A virada | 720ms, uma vez por peça, nunca em laço. Só existe se o textão apareceu antes |
| Varredura | 1,4s de ponta a ponta, uma vez por dobra, nunca em laço |
| O que nunca anima | A pilha fora da virada, o lockup e o botão de compra |
Formatos e adaptação
| Formato | Uso | Cuidado |
|---|---|---|
| 1080 × 1080 | Feed | Coluna sangrando à direita, texto à esquerda |
| 1080 × 1350 | Feed retrato | O melhor formato para peça aberta na tela |
| 1080 × 1920 | Story e reels | Nada crítico nos 250px de topo e nos 320px de base |
| 1280 × 720 | Thumbnail | Rosto em 30% a 40% do quadro e três palavras, no máximo |
Cada peça do lote nasce de uma composição diferente e é redesenhada para cada formato, nunca esticada. Dez anúncios com a mesma diagramação e a copy trocada reprovam o lote inteiro — e, neste produto, dez esqueletinhos com a mesma contagem de linhas reprovam junto.
O sistema vivo nas cinco superfícies que a campanha usa
Não são ilustrações decorativas: cada mockup abaixo é a regra do documento executada, para servir de referência direta ao @pixel, ao @milagroso e ao @slides-creator.
Perfeitas
Onze lâminas da mesma coleção
A capa não mostra uma lâmina: mostra a coleção inteira em miniatura, como página de índice. É o que faz o aluno entender, num olhar, que ele levou um sistema de conferência e não onze arquivos soltos.
Título em Fraunces 400, numeração em mono, coluna de conferência à esquerda e a lombada em navy — a mesma faixa do cabeçalho das lâminas, girada.
peça por peça
O bloco que viaja em toda delegação visual deste produto
Formato canônico da regra de pipeline visual. O @theboss cola o bloco inteiro — não o caminho do arquivo — em qualquer tarefa para o @pixel, o @milagroso e o @slides-creator. Delegação visual deste produto sem este bloco não sai.
Escolha do lockup
Quatro direções na seção 03 aguardando decisão. Escolhida uma, ela vira fixa e entra neste bloco na v2.1.
Limpeza na marca-mãe
Método PEÇA precisa sair do ícone 04 e do exemplo de badge da seção 08.2 do brandbook da mãe.
Sessão de fotos
As imagens deste documento são da biblioteca da casa. A campanha pede foto de peça real em português e retrato novo com a direção de luz da seção 08.