Scale X · Formulário Instantâneo Direção de arte · v1 · 27.08.26

Três maneiras de
pedir a uma pessoa
que admita uma dívida

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.

ProdutoFormulário Instantâneo (substituto do Instant Form)
PúblicoPessoa física endividada, 40+, celular, com vergonha do próprio caso
Formato-base375 px · uma pergunta por tela · 9 telas possíveis
Autoria@brand-director · MSE Funnel Labs

Declaração de partida — não há DNA herdado

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.

01

Raio-X da referência

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.

Princípios extraídos

  • Foco por confinamento. Coluna única de 420 px, sem menu, sem rodapé, sem link de fuga. A página só oferece um caminho: responder.
  • Elevação no lugar de moldura. A superfície de conteúdo se separa do fundo por sombra difusa e ampla (0 18px 50px / 8%), nunca por borda desenhada.
  • Hierarquia apertada no topo. Etiqueta minúscula em caixa alta, título grande com entrelinha 1,08 e tracking negativo, apoio em cinza — três degraus resolvidos em 60 px de altura.
  • Transição curta como recompensa. 250 ms de fade com deslocamento de 6 px a cada passo. Curto o bastante para não custar tempo, longo o bastante para o cérebro registrar avanço.
  • Alvo generoso. A opção inteira é o botão, com padding de 16 px e texto alinhado à esquerda — o dedo acerta sem mirar.

Não transportado

  • Tipografia. Arial, fonte de sistema usada como não-decisão. Nenhuma das três direções toca nela.
  • Paleta. O roxo #6b4eff sobre lilás #f0edff é cor de template de SaaS, sem origem e sem história. Descartado inteiro.
  • Superfície. Cartão #ffffff chapado, sem matéria nem temperatura.
  • Conceito e wording. A promessa de resultado (“quite com até 90% de desconto”) é justamente o que a advocacia regulada não pode dizer. Nenhuma linha de copy foi aproveitada.
  • Grid. Cartão central flutuando com margem uniforme — duas das três direções abandonam o cartão por completo.

Divergência medida — 5 eixos, as 3 direções

EixoDireção ADireção BDireção C
PaletaPapel de bloco + tinta esferográfica azul divergeOfício envelhecido + carimbo tijolo divergeCarvão quente + âmbar de abajur diverge
TipografiaFamiljen Grotesk + IBM Plex Mono divergeNewsreader + Courier Prime divergeSyne + Source Serif 4 diverge
ComposiçãoFluxo de conversa, sem cartão divergeFolha sangrada com margem de ofício divergePalco escuro com facho de luz diverge
ConceitoAtendimento em curso divergeO seu relato sendo escrito divergeSala reservada diverge
CopyHerdada do formulário em produção (real, aprovada, sem promessa de resultado). Zero linha vinda da referência. diverge
Veredito5 de 55 de 55 de 5
02

O que existe hoje, dito sem cortesia

Percorri os quatro formulários no ar. O diagnóstico abaixo é do que está publicado em /alexandra-bancario, capturado em 375 px.

Tela de introdução do formulário atual em 375 px
Estado atual — introdução
Tela de pergunta do formulário atual em 375 px
Estado atual — pergunta 1 de 5

Leitura

  • É competente e está acima da referência. Barra segmentada, letras A/B/C, alvo grande, ritmo limpo. Quem construiu sabia o que fazia.
  • E é anônimo. Cobrindo o nome do escritório, esta tela poderia ser de uma clínica, de um consórcio ou de um plano de saúde. Não passa no teste da tese.
  • Uma família só faz tudo. Archivo no título, no corpo, no rótulo e no número. Sem contraste de esqueleto, a hierarquia depende só de peso e tamanho.
  • Superfície branca pura. #FFFFFF em área grande sobre #F1EFEA — reprova o item 4 da Régua do 10 e é o que dá o aspecto de software, não de papel.
  • O texto de apoio é longo demais para o momento. Nove linhas de leitura antes do primeiro toque, para alguém ansioso, no celular, vindo de um anúncio.
  • Piso de contraste em 5,13:1. Passa em AA, encosta no limite. As três direções sobem esse piso.

O que não vou mexer

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.

03

A dose de Scale X — método na estrutura, marca no rodapé

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 que a Scale X carrega — em todas as três direções

  • Rótulo de sistema em caixa alta espaçada. A marca escreve em maiúsculas com tracking aberto (“SCALE X”, “É MATEMÁTICA”). No produto isso vira lei: todo rótulo de máquina — nome do escritório no topo, contador de passo, número de protocolo, aviso legal — em caixa alta, letter-spacing +0,12em, tamanho pequeno, cor fraca. As três direções obedecem, cada uma na sua família. É o fio condutor invisível.
  • Ordem sobre o caos. Posicionamento da marca é ponte entre caos de informação e crescimento previsível. Traduzido: escala de espaço fechada em múltiplos de 4 (4·8·12·16·24·32·48), sem valor avulso, e um único elemento dominante por tela.
  • Nunca chapado. A regra da casa é #191919 sobre #000000 para dar profundidade em vez de preto liso. Elevada a princípio do produto: nenhum neutro puro em área grande, nem #000 nem #FFF. É onde a disciplina da agência e o protocolo anti-IA dizem a mesma coisa.
  • Luz entrando pelo canto. A assinatura oficial é um glow radial que entra por um canto e dissolve, nunca preenchimento uniforme. A Direção C herda a técnica e troca o pigmento: âmbar de luminária no lugar do verde. Método da casa sem tinta da casa.
  • Assinatura no rodapé. Lockup horizontal oficial, ~86 px de largura, só na tela final, depois do CTA. É o “feito por” — não é um anunciante disputando espaço.

O que a Scale X não carrega — e por quê

  • O verde #01FE91 fica fora da tela do lead. Três razões somadas, não uma: é neon, e neon numa página sobre dívida lê como fintech ou como promessa fácil, que é o oposto do que uma banca precisa transmitir; o slot de acento é do cliente — se a agência o ocupa, AG, Schumann e Miriã viram a mesma página com nomes trocados; e o verde é a cor mais reconhecível da Scale X, ou seja, exatamente o que mais denuncia a mão da agência. Ele continua vivo onde pertence: dashboard de leads, admin e material institucional.
  • Brooklyn não entra. A fonte de headline oficial tem 114 glifos e nenhum diacrítico. A interface é 100% em português com acento em quase toda pergunta (“Você possui dívidas bancárias…”) — cada palavra acentuada cairia no fallback, com dois desenhos de letra na mesma linha. Em título de peça institucional Brooklyn é a regra; em interface de formulário PT-BR, é um defeito.
  • Montserrat não entra. É a fonte de apoio da marca, mas está na lista de fontes proibidas do protocolo anti-IA como escolha de design, e não sobrevive ao teste do “cubra o logo”.
  • O símbolo X não vira ornamento de interface. Nada de X como bullet, divisor ou marca-d’água. O manual não tem icon-set, e inventar um é criar regra que a marca não tem.

Armadilha desarmada por construção

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.

Régua compartilhada — o esqueleto que não muda de direção para direção

RegraValor fixoDe onde vem
Texto de leituramínimo 16 px; pergunta 20-22 px; consentimento também em 16 pxPúblico 40+ — o consentimento é texto jurídico, não letra miúda
Alvo de toquemínimo 58 px de altura, largura total menos as margensDedo no ônibus, tela riscada, pressa
Espaço4 · 8 · 12 · 16 · 24 · 32 · 48 — sem valor fora da escalaDisciplina de sistema Scale X
ContrastePiso 6:1 para texto de leitura (hoje o pior par está em 5,13:1)AA com folga, medido antes de publicar
NeutrosProibido #000 e #FFF em área grandeRegra da casa + protocolo anti-IA
Slot do clienteUma 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
MovimentoEntrada de 210 ms, cubic-bezier(.22,.61,.36,1), deslocamento máximo de 8 pxHerdado do produto atual — já está certo
A
Mundo de origem — a tela de atendimento por mensagem

Linha de Atendimento

A que eu levaria ao cliente

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.

Mecânicas de composição

  • Fluxo, não cartão. Some a moldura branca central. O conteúdo corre do topo para baixo como um histórico, e é o histórico que dá a sensação de avanço — não a barra.
  • Assimetria de eixo. O escritório fala à esquerda, com respiro de 8% na direita; você responde à direita, com recuo de 26 px na esquerda. O olho aprende em dois segundos de quem é cada lado.
  • Geometria de canto único. Todo balão tem três cantos de 18 px e um canto de 4 px, apontando para a origem da fala. É uma regra de forma que não pertence a nenhum aplicativo — e é a quebra deliberada de grid da direção.

Gesto de assinatura

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ê o que já contou.

Tipografia

Qual o valor aproximado?
Familjen Grotesk carrega a voz humana da tela: grotesca com terminações levemente abertas, um “a” de barriga generosa e um “g” de perna curta — legível em 16 px para olho de 55 anos, e com carisma suficiente para não parecer fonte de sistema.
IBM Plex Mono · 20:41 · 02 / 05 · PROTOCOLO
Familjen Grotesk (voz) + IBM Plex Mono (máquina) — ambas SIL OFL, self-host obrigatório

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.

Paleta

#E8E5DDDominante · 62%Papel de bloco de recados
#FAF8F4Superfície · 20%Papel de carta, não branco de tela
#1B1813Tinta · 10%Preto de esferográfica gasta
#20386BAcento · 7%Tinta azul de caneta — o lado do lead
#D8D3C8Linha · 1%Vinco de papel dobrado

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.

Amostras em 375 px

AG Advocacia02 / 05
Sim, tenho dívidas bancárias
20:41

Qual o valor aproximado total das suas dívidas bancárias?

Somando tudo. Um valor aproximado já basta.

Abaixo de R$ 30 mil
Entre R$ 30 mil e R$ 50 mil
Entre R$ 50 mil e R$ 100 mil
Acima de R$ 100 mil
VoltarSigiloso
A1 · Pergunta — o eco já registrado acima
AG Advocacia05 / 05
Com parcelas atrasadas há mais de 90 dias
20:43

Para onde enviamos o resultado da análise?

A equipe responde por aqui mesmo, no WhatsApp que você informar.

Ana Cláudia Ferreira
(92)  9 ____-____
Voltar
A2 · Contato — o degrau mais caro do funil
AG AdvocaciaConcluído

Recebi as suas respostas, Ana.

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.

O que você me contou

Dívidas bancárias ativas

Acima de R$ 100 mil

Atrasadas há mais de 90 dias

Empréstimos pessoais

Continuar a conversa no WhatsApp
Feito porScale X
A3 · Qualificado — resumo, entrega de controle e assinatura

O que esta direção arrisca

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.

Por que vende para este avatar

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.

Sobrevivência ao tema por cliente

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.

Contraste medido — Direção A

ParRazãoNívelOnde aparece
#1B1813 sobre #E8E5DD14,06:1AAAPergunta e texto principal
#1B1813 sobre #FAF8F416,68:1AAATexto dentro do balão do escritório
#57504A sobre #E8E5DD6,29:1AAApoio, consentimento, horário
#FAF8F4 sobre #20386B10,76:1AAABalão do lead e CTA
#20386B sobre #FAF8F410,76:1AAAOpção não selecionada
B
Mundo de origem — a folha de ofício, a margem e o carimbo

Protocolo

A que eu testaria contra a A

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.

Mecânicas de composição

  • Folha sangrada, zero cartão. O papel é a tela inteira. Sem moldura, sem sombra, sem flutuação: você não está olhando um documento, está dentro dele.
  • Margem viva de 44 px. Um fio vertical em tinta de carimbo corre de ponta a ponta, e a numeração das opções vive na canaleta à esquerda dele. É o gesto que faz a tela ser reconhecida como peça jurídica antes de qualquer palavra ser lida.
  • Opção como linha, não como caixa. Nada de botões arredondados: cada alternativa é uma linha do documento, separada por fio, e a escolhida ganha faixa e barra de carimbo. Alvo continua com 58 px.

Gesto de assinatura

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.

Tipografia

Atualmente, suas dívidas estão:
Newsreader é serifa de leitura desenhada para tela — haste firme, serifa curta, ótima em 16 px e com a autoridade do impresso que a advocacia carrega há um século. É a fonte que faz a pergunta parecer escrita por um advogado, não por um formulário.
Courier Prime · N. 2026-0842 · FLS. 02/05 · RECEBIDO
Newsreader (voz) + Courier Prime (máquina) — ambas SIL OFL, self-host obrigatório

Contraste de esqueleto máximo: serifa modulada contra datilografia de largura fixa. A Courier nunca escreve frase — só numera, protocola e carimba.

Paleta

#F0EBE0Dominante · 68%Ofício guardado em pasta
#E2DACAFaixa · 12%Papel marcado por dobra
#141210Tinta · 12%Tinta de impressora a laser
#8A3324Acento · 6%Almofada de carimbo gasta
#2B3A67Dissonante · 1%Caneta azul da rubrica — uma vez por fluxo

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.

Amostras em 375 px

AG AdvocaciaFLS. 02/05
Relato preliminar

Qual o valor aproximado total das suas dívidas bancárias?

Somando tudo. Um valor aproximado já basta.

IAbaixo de R$ 30 mil
IIEntre R$ 30 mil e R$ 50 mil
IIIEntre R$ 50 mil e R$ 100 mil
IVAcima de R$ 100 mil
O que já consta

1. Tenho dívidas bancárias ativas.

VoltarN. 2026-0842
B1 · Pergunta — numeração na canaleta da margem
AG AdvocaciaFLS. 05/05
Qualificação do declarante

Para onde enviamos o resultado da análise?

Ana Cláudia Ferreira
(92) 9 ____-____
 
VoltarRUBRICA
B2 · Contato — campos como linhas a preencher, não caixas
AG AdvocaciaFLS. 05/05
Recebido
Relato registrado

O seu relato está escrito.

A equipe recebe o documento abaixo junto com a sua mensagem. Quem abre a conversa é você.

PROTOCOLO N. 2026-0842 · 27.08.26 · 20:44

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.

Enviar o relato pelo WhatsApp
Feito porScale X
B3 · Qualificado — carimbo inclinado, a única quebra de grid

O que esta direção arrisca

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.

Por que vende para este avatar

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

Sobrevivência ao tema por cliente

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.

Contraste medido — Direção B

ParRazãoNívelOnde aparece
#141210 sobre #F0EBE015,72:1AAAPergunta, opções, relato
#141210 sobre #E2DACA13,45:1AAAOpção selecionada
#4B4238 sobre #F0EBE08,27:1AAAApoio, consentimento, rótulos
#8A3324 sobre #F0EBE06,85:1AARótulo, numeral, carimbo
#F0EBE0 sobre #8A33246,85:1AATexto do CTA
#2B3A67 sobre #F0EBE09,28:1AAARubrica (uso único)
C
Mundo de origem — a sala reservada às dez da noite, só a mesa acesa

Luz Baixa

A desconfortável

Ninguém mais está vendo: uma pergunta por vez sob o facho, o resto da sala no escuro — a discrição virando forma.

Mecânicas de composição

  • Facho no lugar de moldura. Uma mancha de luz quente entra pelo alto à esquerda e dissolve antes de tocar as bordas. Nada de contorno: o que separa o conteúdo do fundo é a luz, com direção única e sombra com temperatura.
  • Numeral sangrando. O número do passo aparece em 152 px a 7% de luz, cortado pela borda direita. É o elemento em escala dramática e a quebra de grid da direção, na mesma peça.
  • Escala de luz como hierarquia. O bloco ativo em 100%, o que já passou em 45%, o cromo do sistema em 60%. A pergunta atual é sempre a coisa mais iluminada da tela — hierarquia por fóton, não por tamanho.

Gesto de assinatura

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.

Tipografia

PERGUNTA 03
Source Serif 4 conduz a leitura: serifa humanista de eixo caligráfico, desenhada com tamanhos ópticos, que segura o traço em fundo escuro sem o brilho fantasma das serifas de alto contraste.
A Syne só aparece em caixa alta espaçada e no numeral gigante — é a estrutura falando, nunca o texto.
Syne (display e sistema) + Source Serif 4 (voz) — ambas SIL OFL, self-host obrigatório

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.

Paleta

#141210Dominante · 70%Carvão quente, nunca preto puro
#1F1B17Superfície · 16%Madeira de mesa na penumbra
#EFE9DELuz · 9%Papel sob luz de tungstênio
#D6A251Acento · 4%Filamento de abajur de latão
#2C2620Linha · 1%Aresta de móvel na sombra

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.

Amostras em 375 px

02
AG Advocacia02 / 05
Você respondeu · dívidas ativas

Qual o valor aproximado total das suas dívidas bancárias?

Somando tudo. Um valor aproximado já basta.

Abaixo de R$ 30 mil
Entre R$ 30 mil e R$ 50 mil
Entre R$ 50 mil e R$ 100 mil
Acima de R$ 100 mil
VoltarSigiloso
C1 · Pergunta — o facho e o numeral sangrando
05
AG Advocacia05 / 05
Só entre você e o escritório

Para onde enviamos o resultado da análise?

Ana Cláudia Ferreira
(92) 9 ____-____
VoltarSigiloso
C2 · Contato — a discrição como argumento
AG AdvocaciaConcluído
Respostas recebidas

A equipe já tem o seu caso em mãos, Ana.

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

Continuar no WhatsApp
Feito porScale X
C3 · Qualificado — a luz sobe, o resumo iluminado pela lateral

O que esta direção arrisca

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.

Por que vende para este avatar

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.

Sobrevivência ao tema por cliente

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.

Contraste medido — Direção C

ParRazãoNívelOnde aparece
#EFE9DE sobre #14121015,47:1AAAPergunta e texto principal
#EFE9DE sobre #1F1B1714,16:1AAATexto das opções
#A79C8E sobre #1412106,93:1AAApoio, consentimento, rótulos
#A79C8E sobre #1F1B176,35:1AACampo com marcador
#D6A251 sobre #1412108,14:1AAAProgresso, borda ativa, passo
#141210 sobre #D6A2518,14:1AAATexto do CTA
04 · Julgamento

Qual delas eu levaria ao cliente

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 escolha: Direção A — Linha de Atendimento

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.

O contraponto: Direção B — Protocolo

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

O que fica na gaveta: Direção C

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.


Comparação nos eixos que decidem

EixoA · AtendimentoB · ProtocoloC · Luz Baixa
Ataca a queda do funilDireto — remove o segundo compromissoIndireto — ataca desconfiançaIndireto — ataca vergonha
Autoridade percebidaMédia-altaMáximaMédia — ambígua com fintech
Risco de imagemAlto se as travas caíremBaixoMédio
Robustez ao tema por clienteAltaAltíssimaBaixa
Acessibilidade real 40+AltaAltíssimaMédia — halation e sol
Familiaridade do públicoMáximaAltaBaixa
Esforço de implementaçãoMédio — histórico e eco são estado novoBaixo — é o esqueleto atual, com outra peleAlto — luminância de acento por cliente

Régua do 10 — craft check de cada direção

PerguntaABC
1 · Tem tese nomeável e reconhecível sem logosimsimsim
2 · Um elemento em escala dramáticanão — o formato de conversa distribui o peso por naturezanão — a folha organiza, não dramatizasim — numeral de 152 px sangrando
3 · Acento raro e no ponto de maior importânciasim — só fala do lead e CTAsim — 6% da telasim — 4% da tela
4 · Nenhum neutro puro em área grandesimsimsim
5 · Display com território e salto de escalasim — 20/12 px entre voz e máquinasim — 27/12 pxsim — 152/24 px
6 · Gesto de assinatura presenteo ecoo relato numeradoo facho que anda
7 · Tem matéria, não flutua em softwaresim — papel, vinco, canto de origemsim — margem, carimbo, faixa de dobrasim — luz direcional e sombra quente
8 · Caminho de olhar traçável até o CTAsimsimsim — pelo gradiente de luz
9 · Uma quebra de grid deliberada, e só umao canto de 4 pxo carimbo a 2°o numeral sangrando
10 · Ao lado de três concorrentes, vence ou somevencevencevence
Nota9/109/1010/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.

05

O que acontece quando você escolher

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.

DESIGN DNA — rascunho da Direção A (ativa se ela for a escolhida)

DESIGN DNA — Formulário Instantâneo ScaleX · v1

TESE: a tela de atendimento por mensagem aplicada à triagem jurídica — o escritório já começou a atender, e cada resposta fica escrita com hora.
PALETA: #E8E5DD papel de bloco (dominante) · #FAF8F4 papel de carta (superfície) · #1B1813 tinta de esferográfica (texto) · acento do cliente com papel de “voz do lead”, padrão #20386B tinta azul · #D8D3C8 vinco.
TIPOGRAFIA: Familjen Grotesk (voz, 16-20 px) · IBM Plex Mono (máquina, 11-12 px caixa alta +0,12em) · salto de 3x entre pergunta e rótulo de sistema.
COMPOSIÇÃO: fluxo vertical sem cartão · assimetria de eixo (escritório à esquerda, lead à direita) · quebra permitida: o canto de 4 px do balão.
MATÉRIA: sombra difusa de 26 px a 6% sob os balões do escritório, sem borda dura · grão de papel a 3% no fundo · zero brilho, zero vidro.
GESTO: o eco — a resposta escolhida sobe como fala do lead, com horário em mono.
MOTION: cubic-bezier(.22,.61,.36,1) · 210 ms · desloca 8 px · anima entrada de balão e transição de passo; nunca anima cor de texto nem o CTA.
SCALE X: rótulo de sistema em caixa alta espaçada · escala de espaço em múltiplos de 4 · nenhum neutro puro · lockup horizontal-light a 86 px só na tela final.
ANTI-REFERÊNCIAS: nunca imitação de WhatsApp (verde, rabinho de balão, “digitando…”) · nunca cartão branco flutuante · nunca promessa de resultado em nenhuma tela.

Condições que a implementação precisa respeitar

  • Fontes self-hosted, sem CDN. Familjen Grotesk e IBM Plex Mono são SIL OFL — subset latino, formato woff2, dois pesos por família no máximo. Archivo sai do produto quando a direção entrar.
  • Trava de contraste no build. O par texto/acento é calculado por luminância, com piso de 6:1. O cliente escolhe a cor; o sistema escolhe o texto que vai em cima dela.
  • Nada abaixo de 16 px em texto de leitura — incluindo o consentimento, que hoje é o candidato natural a virar letra miúda e não pode.
  • Nenhuma tela pode prometer resultado. Vale para rótulo, botão e microtexto, não só para o título. A copy atual já respeita isso e não deve ser reescrita nesta rodada.
  • O esqueleto funcional não muda. Uma pergunta por tela, sem navegação, progresso visível, transição de 210 ms, alvo de 58 px. A direção troca a pele, não o motor.

Recomendação de sequência

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.