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 esqueleto — a única coisa que ele nunca teve: uma forma que se reconhece antes de ser lida.
Uma frase que aposta, antes de qualquer cor
Brandbook sem tese vira catálogo de paleta. A tese é a colisão que decide sozinha as próximas cem decisões visuais deste produto.
Prancha de anatomia do século XIX aplicada à peça cível — o rigor de um atlas de dissecação com a grade fria de um relatório institucional, e onde estaria o nome do osso em latim está o artigo do CPC.
Matéria orgânica desenhada à mão — osso, traço fino, número escrito na margem — contra grade institucional fria — navy, mono tabular, margem larga, silêncio. O humano entra pelo desenho e pela anotação, o premium entra pela contenção. Pendeu só para o orgânico, vira ilustração de livro didático; pendeu só para a grade, vira relatório que ninguém abre.
Por que esta tese e não outra
O mecanismo do produto já é anatômico: toda peça cível tem o mesmo osso embaixo da carne. A prancha de dissecação é o único mundo visual que descreve isso sem metáfora forçada, e é um mundo de autoridade científica — o que importa num produto que ainda não tem uma única prova social e precisa carregar credibilidade sozinho.
O avatar tem vergonha técnica e alergia a guru. A prancha não motiva ninguém: ela demonstra. 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 — chamada numerada com artigo do CPC na legenda, sobre superfície de osso, só existe aqui. Nenhum concorrente do jurídico brasileiro pega isso emprestado sem parecer decalque.
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.
Carimbo de protocolo
Mundo: cartório, papel timbrado, xerox, carimbo de recebido meio gasto. Forte em autenticidade e morre no avatar — devolve ao advogado a estética do fórum que já o cansa, e envelhece para burocrático em seis meses.
Atlas de dissecação
Mundo: prancha anatômica, legenda numerada, papel de osso, traço de bico de pena. Vence porque o mecanismo do curso é literalmente um esqueleto, porque a chamada numerada entrega credibilidade sem depoimento e porque ninguém no jurídico brasileiro está desenhando anatomia.
Varredura de instrumentos
Mundo: sonar, mapa de calor, leitura de radar. Excelente para o mecanismo do problema, fraca para o da solução, e o cyan sobre preto puxa direto para visual de curso de robô. Sobreviveu rebaixada: virou a camada da varredura na seção 05.
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 |
| 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 |
| 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 | Família de oito ícones gerada por uma regra só, derivada da coluna dos oito (seção 05) |
| Grade e espaço | Sistema de 8px e escala modular 1.200 | Grade de oito colunas das pranchas e a varredura diagonal como única quebra de grade autorizada |
| 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: o esqueleto.
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 — legenda lateral, trilho vertical, bloco carimbado e régua de base — e só uma sobrevive à escolha do cliente.
A chamada
O endosso chega por uma linha-guia que sai do nome do produto e aponta para a assinatura, exatamente como a legenda de um atlas aponta para o osso. É a direção que mais fala a tese.
- Mundo de origem: legenda de prancha anatômica
- Força: o gesto da marca já está no lockup
- Risco: exige largura, sofre em avatar e em formato vertical
- Uso natural: rodapé de página, capa de material, abertura de vídeo
O trilho
A coluna dos oito vira trilho vertical e o nome se apoia nela. O símbolo do produto e a assinatura ocupam o mesmo bloco compacto, que sobrevive em avatar, em vertical e em quarenta pixels.
- Mundo de origem: lombada de livro e índice de código
- Força: única direção que funciona em todos os formatos sem redesenho
- Risco: o trilho precisa de contraste alto, evitar sobre foto ruidosa
- 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.
- 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
A linha de base
A coluna dos oito deitada vira régua de sublinhado, com o quinto encaixe marcado em Carmim. A assinatura pousa na ponta direita da régua, como crédito de prancha.
- Mundo de origem: régua de tipógrafo e linha do tempo
- Força: horizontal larga, ideal para cabeçalho e rodapé de vídeo
- Risco: some em formato quadrado e em tamanho pequeno
- 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 no trilho. Impresso: 32mm e 9mm. Abaixo disso, usa a coluna dos oito isolada |
| 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
- Caixa alta no lockup do trilho — a caixa alta pertence ao bloco carimbado
- Sombra, brilho, contorno ou degradê em qualquer parte do lockup
- Carmim no nome do produto — o Carmim é anotação, nunca identidade
- Distorcer o trilho para caber em espaço apertado, em vez de usar a versão menor
As quatro direções vão para escolha. A recomendação técnica é a 02 · o trilho como principal, com a 04 · a linha de base autorizada como variante horizontal — juntas cobrem todos os formatos sem redesenho. 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 prancha 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. Número de chamada, linha-guia, artigo do CPC, 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.
Um desenho só, que vira marca, ícone, diagrama e fundo
O esqueleto é o mecanismo do produto: oito encaixes, sempre na mesma ordem, embaixo de qualquer peça cível. Se o mecanismo é estrutural, a forma dele também precisa ser — nada de ilustração bonitinha, nada de ícone comprado. O sistema inteiro nasce de uma geometria só.
A coluna dos oito
Um trilho vertical e oito marcas transversais. O quinto encaixe — fatos e fundamentos, onde mais peça morre — é o único desenhado com traço duplo, porque é o único que carrega uma trilha dentro dele. É essa assimetria que impede a leitura de virar um código de barras qualquer.
| Eixo | Definição |
|---|---|
| Caixa de desenho | viewBox 34 × 52, proporção fixa 17:26. Nunca redesenhar em outra proporção |
| Trilho | Vertical em x = 7, de y = 3 a y = 48. Espessura 1,4 na caixa de 34 |
| Encaixes | Oito transversais de x = 7 a x = 22, passo constante de 6 unidades a partir de y = 4,5 |
| Quinto encaixe | Traço duplo em y = 27,4 e y = 29,6, separação de 2,2 unidades |
| Espessura | Sempre a mesma do trilho. Traço fino morre em tamanho pequeno e em fundo texturizado |
| Cor | Navy sobre claro · Osso sobre escuro. Carmim apenas no encaixe ativo do ícone |
Três níveis de detalhe, decididos pelo tamanho
Só o osso
Trilho, oito encaixes e o traço duplo no quinto. Nada mais. É o que aparece em favicon, avatar, lower third e marca-d'água de vídeo. Legível a quarenta pixels: um trilho com oito marcas, uma delas dupla.
O osso com a trilha aberta
O quinto encaixe se abre e mostra a trilha dos três tempos. Nível usado em ícone de módulo, capa de material, cartão de encaixe e diagrama de aula.
O osso legendado
Cada encaixe ganha número, nome em caixa alta e o artigo do CPC em mono. É o desenho completo da prancha, o que vai para a página, o slide e o material impresso.
O artigo é o rótulo do encaixe. Nos encaixes 03 e 04 ele muda de peça para peça — cabimento de agravo e cabimento de apelação vivem em artigos diferentes — e é exatamente por isso que cada prancha traz o seu.
Os oito encaixes
A ordem é o mecanismo. Ela nunca é reordenada em peça nenhuma, nem por motivo de composição, nem para caber melhor num criativo. Encaixe fora de ordem contradiz o conteúdo do curso.
| Nº | Encaixe |
|---|---|
| 01 | Competência |
| 02 | Partes e tratamento |
| 03 | Hipóteses de cabimento |
| 04 | Fundamento legal |
| 05 | Fatos e fundamentos trilha |
| 06 | Pedido |
| 07 | Provas |
| 08 | Valor da causa |
Oito ícones gerados por uma regra só
Nenhum ícone é desenhado à parte. O ícone de um encaixe é a coluna inteira com aquele encaixe estendido e aceso, e os outros sete recuados. A família nasce coerente por construção — e é impossível alguém acrescentar um nono ícone que destoe, porque não existe nono encaixe.
A trilha dos três tempos
Dentro do quinto encaixe moram relação jurídica, fato gerador e conclusão. A representação é literal: duas hastes que existem separadas, se encontram e seguem como uma só. A conclusão não é um terceiro item da lista — é o ponto onde os dois primeiros amarram.
| Regra | Definição |
|---|---|
| Nunca isolada | A trilha só aparece junto da coluna ou dentro de um bloco que já identificou o quinto encaixe. Sozinha, vira seta genérica |
| Sem nome próprio | Rotulada apenas com os três termos. Não recebe nome de método, nem sigla, nem batismo |
| Direção | Sempre da esquerda para a direita, convergindo. Nunca de cima para baixo, nunca circular |
| Cor | Mesma do encaixe ativo. O ponto de encontro é o único elemento que pode ser preenchido sólido |
O ponto de encontro é o único elemento sólido do sistema inteiro. Ele existe para dizer, sem legenda, que a conclusão não é mais um item da lista — é o lugar onde os dois primeiros amarram.
A varredura
O mecanismo do problema também tem forma. 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 encaixe, existe um ponto de encontro marcado.
| 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
Coluna gigante sangrando pela margem direita, entre 4% e 8% de opacidade, cortada pela borda. Nunca centralizada, nunca inteira — osso aparece por pedaço.
Divisor de seção
A coluna deitada vira régua de oito marcas de largura total, 1px, separando dobras. Substitui qualquer linha divisória genérica.
Indicador de posição
Na área de membros e nos slides, o encaixe em foco acende e os outros recuam. O aluno sempre sabe em que osso está.
O osso nunca aparece em perspectiva, nunca ganha volume tridimensional, nunca vira ilustração de esqueleto humano com caveira, nunca é preenchido com degradê e nunca muda de proporção. Caveira, martelo de juiz e balança dourada estão fora do sistema — o produto fala de estrutura, não de folclore jurídico.
Dez fluxogramas soltos viram uma coleção reconhecível
Hoje são dez PDFs que existem, funcionam e não se parecem com nada. Tratados como coleção, eles viram o ativo visual mais valioso do stack: dez lâminas do mesmo atlas, que o aluno imprime, cola na parede e mostra para o colega — com a assinatura do produto em cada uma.
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 prancha 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 prancha em mono, alinhado à direita |
| Trilho | Coluna dos oito à esquerda, a 26mm da margem, percorrendo a página inteira. Ele nunca se interrompe |
| Grade | Oito colunas com goteira de 6mm — o mesmo oito dos encaixes, não é coincidência |
| Hierarquia | Três níveis e nenhum a mais: encaixe · conteúdo obrigatório · artigo do CPC |
| Bifurcação | Toda ramificação sai para a direita e retorna ao trilho. O caminho principal nunca desvia |
| Rodapé | Assinatura em mono de 8pt à esquerda e o número da prancha à 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 encaixe | 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 | Coluna dos oito com o encaixe de destaque daquela peça, no canto superior direito do cabeçalho |
Trilho interrompido · mais de três níveis de hierarquia · seta em Carmim · caixa preenchida de cor · duas páginas para a mesma peça · qualquer ícone que não seja a coluna · fundo branco puro.
Índice e nomenclatura
São dez pranchas de peça mais a prancha 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_PRANCHA_02_v1.pdf · miniatura: PCP_PRANCHA_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 trilho, ela volta para a mesa antes de qualquer uma ser publicada.
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 prancha
Grotesca neutra de leitura precisa. Território: corpo, rótulo de encaixe e qualquer texto que o advogado vá ler inteiro
Mono técnica. Território: número de chamada, artigo do CPC, numeração de prancha 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 o número dos encaixes |
| 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 encaixe |
| Prancha | 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 encaixe 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 encaixe 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.
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 coluna sangrando pela margem
- Um número em escala desproporcional como âncora: o oito dos encaixes, o cinco do encaixe dos fatos
- 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
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 encaixe 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 coluna dos oito · o osso não se mexe, é o que sustenta o resto
Movimento com assinatura
| Eixo | Valor |
|---|---|
| Curva de assinatura | cubic-bezier(.2,.8,.2,1) |
| Nome interno | O encaixe — entra rápido e assenta, sem quicar |
| Micro-interação | 240ms |
| Revelação de bloco | 520ms, deslocamento máximo de 16px |
| Varredura | 1,4s de ponta a ponta, uma vez por dobra, nunca em laço |
| O que nunca anima | A coluna dos oito, 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.
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 do mesmo atlas
A capa não mostra uma prancha: mostra a coleção inteira em miniatura, como página de índice de atlas. É o que faz o aluno entender, num olhar, que ele levou um sistema e não onze arquivos soltos.
Título em Fraunces 400, numeração em mono, trilho da coluna à esquerda e a lombada em navy — a mesma faixa do cabeçalho das pranchas, 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 v1.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.