O formulário já funciona. O que ele ainda não tem é uma posição estética — e é a estética que decide se a pessoa do outro lado sente que está sendo atendida, protocolada ou vigiada. Abaixo, três direções que não podem conviver, cada uma com a sua aposta, o seu gesto e o seu risco declarado.
Nenhum dos três escritórios em produção (AG Advocacia, Schumann, Miriã) tem brandbook. Não existe DESIGN DNA aprovado para este produto, e nada aqui foi herdado de um. As três teses abaixo foram criadas nesta rodada, do zero, a partir do público e da regulação da advocacia.
A consequência prática: a direção escolhida vira o DESIGN DNA do produto e passa a governar o @landing-designer na implementação. Enquanto ela não for escolhida, o produto continua sem assinatura — o que é uma decisão, não um acidente.
A referência enviada (syglydsampaioadv.avanteads.com.br) foi lida linha a linha do código-fonte. Ela entra como repertório de mecânica. Nada dela entra como forma.
| Eixo | Direção A | Direção B | Direção C |
|---|---|---|---|
| Paleta | Papel de bloco + tinta esferográfica azul diverge | Ofício envelhecido + carimbo tijolo diverge | Carvão quente + âmbar de abajur diverge |
| Tipografia | Familjen Grotesk + IBM Plex Mono diverge | Newsreader + Courier Prime diverge | Syne + Source Serif 4 diverge |
| Composição | Fluxo de conversa, sem cartão diverge | Folha sangrada com margem de ofício diverge | Palco escuro com facho de luz diverge |
| Conceito | Atendimento em curso diverge | O seu relato sendo escrito diverge | Sala reservada diverge |
| Copy | Herdada do formulário em produção (real, aprovada, sem promessa de resultado). Zero linha vinda da referência. diverge | ||
| Veredito | 5 de 5 | 5 de 5 | 5 de 5 |
Percorri os quatro formulários no ar. O diagnóstico abaixo é do que está publicado em /alexandra-bancario, capturado em 375 px.


Uma pergunta por tela, alvo enorme, ausência de navegação, progresso visível e transição curta. Isso já está certo e é o núcleo funcional do produto — nenhuma das três direções negocia esses pontos. O que muda é a matéria, a voz e o enquadramento emocional do ato de responder.
Quem assina a tela é o escritório de advocacia. Quem construiu é a Scale X. O lead endividado não conhece a agência e não deveria precisar conhecer: se a página cheirar a marketing, o escritório perde autoridade exatamente no instante em que mais precisa dela. Por isso a marca entra como rigor de sistema — e sai da superfície.
O verde dos arquivos de logo mede #6EBB77, não o #01FE91 do manual — encostar o PNG num elemento no verde do manual mostra a diferença. Como nenhuma das três direções usa verde em lugar nenhum, o lockup do rodapé nunca terá com o que brigar. A regra de escolha continua valendo: horizontal-light em fundo claro (A e B), horizontal-dark em fundo escuro (C), sem redesenhar nem recolorir.
| Regra | Valor fixo | De onde vem |
|---|---|---|
| Texto de leitura | mínimo 16 px; pergunta 20-22 px; consentimento também em 16 px | Público 40+ — o consentimento é texto jurídico, não letra miúda |
| Alvo de toque | mínimo 58 px de altura, largura total menos as margens | Dedo no ônibus, tela riscada, pressa |
| Espaço | 4 · 8 · 12 · 16 · 24 · 32 · 48 — sem valor fora da escala | Disciplina de sistema Scale X |
| Contraste | Piso 6:1 para texto de leitura (hoje o pior par está em 5,13:1) | AA com folga, medido antes de publicar |
| Neutros | Proibido #000 e #FFF em área grande | Regra da casa + protocolo anti-IA |
| Slot do cliente | Uma variável de acento e o nome. Só isso muda entre AG, Schumann e Miriã | O produto é da plataforma; a marca visível é do escritório |
| Movimento | Entrada de 210 ms, cubic-bezier(.22,.61,.36,1), deslocamento máximo de 8 px | Herdado do produto atual — já está certo |
O escritório já começou a te atender — a tela é o começo da conversa, e cada resposta sua fica escrita ali, com hora, para ninguém te fazer repetir.
O eco. Toque numa opção e ela sobe imediatamente como fala sua, com o horário em mono abaixo. O gesto custa 210 ms, é executável em qualquer tela do fluxo e resolve sozinho o problema mais caro do formulário: a sensação de estar despejando dados num buraco. Aqui você vê o que já contou.
Contraste de esqueleto real: humanista de traço vivo contra monoespaçada de largura fixa. A mono nunca fala — ela só carimba hora, passo e protocolo.
O azul de caneta tem papel dramático definido: ele é a voz do lead. Aparece só no que a pessoa disse e no botão que ela vai apertar — em nenhum ornamento. Trocado pelo acento do cliente, o sistema não muda de sentido.
Somando tudo. Um valor aproximado já basta.
A equipe responde por aqui mesmo, no WhatsApp que você informar.
A conversa continua no WhatsApp, e quem abre é você: toque no botão e o seu relato vai junto, para a equipe já olhar o caso sabendo do que se trata.
Dívidas bancárias ativas
Acima de R$ 100 mil
Atrasadas há mais de 90 dias
Empréstimos pessoais

Parecer que o escritório está se passando pelo WhatsApp. É o risco real e tem consequência de imagem e de compliance, não só de estética. Por isso a direção tem quatro travas invioláveis: nenhum verde em lugar nenhum da tela, geometria de balão própria (canto de 4 px, sem rabinho), papelaria do escritório sempre visível no topo, e zero simulação de gente — nada de “digitando…”, nada de foto de atendente, nada de “on-line agora”. A tela imita o ritmo de uma conversa, nunca a identidade de um aplicativo.
Soar informal demais para assunto jurídico. Mitigado pelo registro da escrita: a fala do escritório é sóbria e sem gíria, e o rótulo de sistema em caixa alta espaçada segura a formalidade. Ainda assim, é a direção que mais depende da disciplina da copy — uma frase mal calibrada aqui vira “robozinho de vendas”.
Confusão para o público 40+. Balão à direita e balão à esquerda é um dos poucos padrões de interface que essa faixa domina — a mesma pessoa usa WhatsApp todo dia. O risco aqui é menor que a média, e é justamente essa familiaridade que sustenta a aposta.
A perda mais cara do funil não é no meio das perguntas — é nos dois últimos degraus: entregar o telefone e depois tocar no botão que abre o WhatsApp. Nesse ponto, o formulário atual pede um segundo compromisso (“agora vá para outro aplicativo e comece uma conversa”). A Direção A elimina esse degrau psicológico: a conversa já estava acontecendo, o WhatsApp é só onde ela continua. Não é metáfora bonita, é o argumento de conversão.
O segundo ganho é sobre vergonha. Quem admite atraso de 90 dias quer saber que foi ouvido, não processado. O eco devolve a fala da pessoa em vez de engoli-la, e o resumo final mostra que o relato chegou inteiro.
Alta. O acento aparece em dois lugares (balão do lead e CTA), sempre com texto sobre ele. A trava é uma só: o par texto/acento é escolhido por luminância — acento escuro recebe o papel #FAF8F4, acento claro recebe a tinta #1B1813, com piso de 6:1 verificado no build. Nenhum cliente consegue quebrar o contraste trocando a cor.
| Par | Razão | Nível | Onde aparece |
|---|---|---|---|
| #1B1813 sobre #E8E5DD | 14,06:1 | AAA | Pergunta e texto principal |
| #1B1813 sobre #FAF8F4 | 16,68:1 | AAA | Texto dentro do balão do escritório |
| #57504A sobre #E8E5DD | 6,29:1 | AA | Apoio, consentimento, horário |
| #FAF8F4 sobre #20386B | 10,76:1 | AAA | Balão do lead e CTA |
| #20386B sobre #FAF8F4 | 10,76:1 | AAA | Opção não selecionada |
Esta é a primeira folha do seu lado da história — o mesmo papel que sempre chegou cobrando, agora escrevendo o que você tem a dizer.
O relato que se escreve sozinho. No rodapé de cada tela, sob um fio grosso, as respostas já dadas aparecem numeradas em primeira pessoa — “1. Tenho dívidas bancárias ativas. 2. Acima de R$ 100 mil.” A pessoa vê o próprio depoimento sendo redigido enquanto responde, e chega ao fim com um documento, não com um formulário preenchido. O carimbo inclinado 2° na tela final é a única quebra de grid da direção.
Contraste de esqueleto máximo: serifa modulada contra datilografia de largura fixa. A Courier nunca escreve frase — só numera, protocola e carimba.
O tijolo de carimbo tem papel dramático estreito: margem, numeração da opção escolhida, carimbo final e CTA. Em nenhum texto corrido. O azul aparece uma única vez no fluxo inteiro, na linha de assinatura da tela de contato.
Somando tudo. Um valor aproximado já basta.
1. Tenho dívidas bancárias ativas.
A equipe recebe o documento abaixo junto com a sua mensagem. Quem abre a conversa é você.
1. Tenho dívidas bancárias ativas.
2. Acima de R$ 100 mil no total.
3. Parcelas atrasadas há mais de 90 dias.
4. São empréstimos pessoais.

Evocar a própria dor. Papel de ofício, protocolo e carimbo são exatamente a linguagem visual do que persegue essa pessoa: carta de cobrança, intimação, boleto. Existe uma chance real de a tela gelar em vez de acolher. A tese foi construída para inverter isso — o documento é do lead, escrito na primeira pessoa dele — mas a inversão precisa ser lida em dois segundos, ou o efeito é o oposto. É a direção com maior distância entre acerto e erro.
Parecer burocracia lenta. Numeração romana, folhas e protocolo podem sugerir processo demorado, justo para quem quer resposta rápida. Mitigação na copy e no contador: cinco linhas, não cinco páginas.
Formalidade que afasta baixa escolaridade. “Declarante” e “qualificação” são palavras do mundo jurídico, não do mundo do lead. Os rótulos precisam ficar em linguagem simples mesmo com estética de documento — a forma é formal, o vocabulário não.
É a direção que mais rápido converte desconfiança em autoridade. Quem foi enganado por promessa de limpa-nome desconfia de tela bonita e de conversa fácil; documento não seduz, documento atesta. Para escritórios que vendem sobriedade — e para ticket mais alto, onde a decisão passa por “esse escritório é sério?” — é a mais forte das três.
O ganho de dignidade também é real: a pessoa sai com um relato numerado em vez de um cadastro. Muda o que ela sente que entregou.
Altíssima — é a mais robusta das três. A direção funciona com o acento em apenas 6% da tela e em elementos pequenos (fio de margem, numeral, carimbo, CTA). Trocar o tijolo por qualquer cor de escritório não desmonta nada, porque a estrutura é preta sobre papel. Se um cliente escolher um acento claro demais, só o CTA precisa de inversão de texto.
| Par | Razão | Nível | Onde aparece |
|---|---|---|---|
| #141210 sobre #F0EBE0 | 15,72:1 | AAA | Pergunta, opções, relato |
| #141210 sobre #E2DACA | 13,45:1 | AAA | Opção selecionada |
| #4B4238 sobre #F0EBE0 | 8,27:1 | AAA | Apoio, consentimento, rótulos |
| #8A3324 sobre #F0EBE0 | 6,85:1 | AA | Rótulo, numeral, carimbo |
| #F0EBE0 sobre #8A3324 | 6,85:1 | AA | Texto do CTA |
| #2B3A67 sobre #F0EBE0 | 9,28:1 | AAA | Rubrica (uso único) |
Ninguém mais está vendo: uma pergunta por vez sob o facho, o resto da sala no escuro — a discrição virando forma.
O facho que anda. A cada avanço, a mancha de luz desliza um passo para baixo em 210 ms e o bloco anterior cai para 45%. Um só gesto, executável em qualquer tela, que dá ritmo cinematográfico ao fluxo e comunica “uma coisa por vez” sem escrever isso em lugar nenhum. É também a técnica de assinatura da Scale X — luz entrando pelo canto, nunca preenchimento uniforme — com o pigmento trocado.
Contraste de esqueleto: excêntrica geométrica de contraste zero contra serifa modulada de eixo inclinado. Nenhuma didone entrou aqui de propósito — haste fina em fundo escuro desaparece para olho de 55 anos.
O âmbar tem o papel mais estreito das três direções: ele é a fonte de luz. Aparece no facho, no traço de progresso, na borda da opção escolhida e no CTA. Em nenhum texto de leitura.
Somando tudo. Um valor aproximado já basta.
Quem abre a conversa é você. As suas respostas vão junto, para ninguém pedir que você repita tudo de novo.
Acima de R$ 100 mil
Atrasadas há mais de 90 dias
Empréstimos pessoais

Olho de 55 anos em tela escura. O contraste aqui é AAA, mas contraste medido não é a história toda: em interface escura, olho com catarata incipiente ou astigmatismo sofre com espalhamento de luz (halation) e texto claro sobre fundo escuro fica menos nítido. Somando sol na tela do celular — que é onde essa pessoa está — a legibilidade real pode ficar abaixo do que a tabela promete. É o risco técnico mais sério das três e não tem como ser resolvido por escolha de cor.
Ler como fintech, cripto ou agiota. Escuro com âmbar é uma combinação que o mercado financeiro digital usa à exaustão. Para uma pessoa que já foi enganada, isso pode disparar o alarme errado no primeiro segundo — exatamente o oposto do objetivo.
É a direção que menos suporta a troca de acento. Metade dos escritórios usa acento escuro (o verde-petróleo atual, #124D45, tem contraste de 1,7:1 sobre este fundo e simplesmente some). Ela exigiria uma regra de clareamento automático do acento do cliente — mais engenharia e mais chance de sair errado em produção.
E ainda assim é a mais bonita. É a única que trata a vergonha como matéria de projeto em vez de assunto de copy. Se o produto fosse para 35 anos, em consultoria financeira, seria a minha escolha sem hesitar.
Ela responde à emoção central do briefing melhor do que as outras duas. Uma tela clara é uma sala com a luz acesa: expõe. Uma tela escura com um facho é uma sala reservada — a pessoa sente que está falando em particular, e falar de dívida em particular custa menos. O rótulo “só entre você e o escritório” não é promessa comercial nem promessa de resultado; é enquadramento de privacidade, e é OAB-safe.
Baixa, e essa é a objeção decisiva. Um produto de plataforma que roda para AG, Schumann e Miriã precisa aceitar a cor de cada um sem supervisão de designer. As direções A e B aceitam; esta exige tratamento por cliente. Se ela for escolhida, o acento do cliente entra como matiz, com luminância travada pelo sistema — ou seja, o cliente não escolhe a cor, escolhe a família da cor.
| Par | Razão | Nível | Onde aparece |
|---|---|---|---|
| #EFE9DE sobre #141210 | 15,47:1 | AAA | Pergunta e texto principal |
| #EFE9DE sobre #1F1B17 | 14,16:1 | AAA | Texto das opções |
| #A79C8E sobre #141210 | 6,93:1 | AA | Apoio, consentimento, rótulos |
| #A79C8E sobre #1F1B17 | 6,35:1 | AA | Campo com marcador |
| #D6A251 sobre #141210 | 8,14:1 | AAA | Progresso, borda ativa, passo |
| #141210 sobre #D6A251 | 8,14:1 | AAA | Texto do CTA |
Não vou vender as três. A pergunta que decide não é “qual é a mais bonita” — é qual delas sobrevive a três escritórios diferentes, a um público de 55 anos no sol, à OAB e ao closer que abre o WhatsApp cinco minutos depois.
A perda de dinheiro do funil está concentrada nos dois últimos degraus: entregar o telefone e depois tocar no botão que leva a outro aplicativo. A Direção A é a única cuja tese ataca exatamente esse ponto — se a conversa já começou, o WhatsApp deixa de ser um segundo compromisso e vira continuidade. As outras duas melhoram como o lead se sente; esta melhora onde o lead desiste.
Somam a favor: é a mais familiar para 40+ (balão à esquerda, balão à direita é o único vocabulário de interface que essa faixa domina de verdade), aceita a cor de qualquer escritório sem supervisão, e o gesto do eco resolve de graça a queixa que o próprio dono já registrou sobre a mensagem que chega ao closer — a pessoa vê o próprio relato antes de enviá-lo.
E ela só é defensável com as quatro travas escritas: zero verde, geometria de balão própria, papelaria do escritório sempre no topo, nenhuma simulação de pessoa. Sem elas, vira imitação de WhatsApp — e aí o risco de imagem come o ganho de conversão.
É a direção com o maior teto de autoridade e a mais robusta de todas para tema por cliente. Se o escritório vende sobriedade, se o ticket é alto, ou se o teste mostrar que a queda é por desconfiança (e não por fricção), B ganha de A. Ela é a candidata do teste A/B da segunda rodada, não uma direção descartada.
O que me impede de colocá-la em primeiro agora é o risco assimétrico: papel de ofício e carimbo são a linguagem visual de tudo que persegue essa pessoa. Quando a inversão é lida, é excelente; quando não é, gela. Prefiro apostar primeiro onde o erro é mais barato.
Ela vence a régua de craft — e perde a decisão de negócio. Tela escura para 40+ no sol, leitura de fintech num assunto de dívida e fragilidade na troca de acento são três objeções que nenhuma beleza compensa num produto de plataforma. Ela existe aqui para ser recusada com argumento, não por educação: é o teto do que este produto poderia ser se o público fosse outro.
| Eixo | A · Atendimento | B · Protocolo | C · Luz Baixa |
|---|---|---|---|
| Ataca a queda do funil | Direto — remove o segundo compromisso | Indireto — ataca desconfiança | Indireto — ataca vergonha |
| Autoridade percebida | Média-alta | Máxima | Média — ambígua com fintech |
| Risco de imagem | Alto se as travas caírem | Baixo | Médio |
| Robustez ao tema por cliente | Alta | Altíssima | Baixa |
| Acessibilidade real 40+ | Alta | Altíssima | Média — halation e sol |
| Familiaridade do público | Máxima | Alta | Baixa |
| Esforço de implementação | Médio — histórico e eco são estado novo | Baixo — é o esqueleto atual, com outra pele | Alto — luminância de acento por cliente |
| Pergunta | A | B | C |
|---|---|---|---|
| 1 · Tem tese nomeável e reconhecível sem logo | sim | sim | sim |
| 2 · Um elemento em escala dramática | não — o formato de conversa distribui o peso por natureza | não — a folha organiza, não dramatiza | sim — numeral de 152 px sangrando |
| 3 · Acento raro e no ponto de maior importância | sim — só fala do lead e CTA | sim — 6% da tela | sim — 4% da tela |
| 4 · Nenhum neutro puro em área grande | sim | sim | sim |
| 5 · Display com território e salto de escala | sim — 20/12 px entre voz e máquina | sim — 27/12 px | sim — 152/24 px |
| 6 · Gesto de assinatura presente | o eco | o relato numerado | o facho que anda |
| 7 · Tem matéria, não flutua em software | sim — papel, vinco, canto de origem | sim — margem, carimbo, faixa de dobra | sim — luz direcional e sombra quente |
| 8 · Caminho de olhar traçável até o CTA | sim | sim | sim — pelo gradiente de luz |
| 9 · Uma quebra de grid deliberada, e só uma | o canto de 4 px | o carimbo a 2° | o numeral sangrando |
| 10 · Ao lado de três concorrentes, vence ou some | vence | vence | vence |
| Nota | 9/10 | 9/10 | 10/10 |
Itens 1, 3 e 10 aprovados nas três, com piso de 8 — as três estão em nível de saída. A régua mede craft, não adequação: a Direção C tira a nota mais alta e mesmo assim não é a recomendada, e isso não é contradição — é a diferença entre a peça mais bem-feita e a decisão mais bem-tomada.
Nada aqui é implementação. Escolhida a direção, este bloco vira o DESIGN DNA do produto e desce para o @landing-designer, que constrói em cima do esqueleto que já existe e funciona.
Escolher A, implementar em um único tenant (sugestão: alexandra-bancario, que já tem volume) e medir três números contra o formulário atual: conclusão da tela de contato, toque no botão de WhatsApp e abandono por passo — o endpoint de funil já devolve os três. Com esse dado na mão, a segunda rodada vira teste A contra B com evidência, em vez de opinião.