O problema
Quem vende posicionamento precisa estar posicionado. É a contradição mais cara do mercado de marketing: o profissional que promete tornar a marca do cliente memorável, e cujo próprio endereço na internet não passa de um perfil de rede social.
A consultoria vende identidade visual, produção de vídeo, tráfego e posicionamento, e tem um programa de alto valor no topo da oferta. Programa de alto valor não se vende por mensagem: ele exige que a pessoa chegue à conversa já convencida de que está falando com alguém do nível do preço.
Sem página própria, cada venda começava do zero, com a consultora tendo que construir na conversa a percepção que a marca deveria ter construído antes.
As restrições
As decisões
Dois acentos apenas, e o resto é ausência
A paleta tem uma base quase preta e exatamente duas cores de trabalho: um magenta que carrega ação e marca, e um champanhe que carrega o luxo, em palavra em itálico, contorno de botão e brilho de hover. Nenhum outro matiz entra.
Restrição é o que produz a leitura de premium. Uma paleta ampla comunica variedade, e variedade é o oposto de curadoria, que é justamente o que essa consultoria vende.
Uma paleta de apoio mais larga, com tons neutros extras para dar folga ao layout. Descartado: cada cor a mais dilui o par que carrega a identidade, e a folga sai de espaço em branco, que é de graça.
Cantos retos, com uma única exceção que significa algo
Botões e campos têm dois pixels de raio, cards têm três. Editorial, quase impresso. A única forma redonda do sistema é a cápsula, reservada às marcações do programa de alto valor.
Assim o arredondamento deixa de ser decoração e vira sinal: onde há forma redonda, há a oferta premium.
O arredondamento generoso que virou padrão de produto digital. Descartado: é o visual de todo mundo, e um posicionamento que se vende como distinto não pode parecer com o de qualquer plataforma.
Serifada no display, sans no corpo, e o itálico como assinatura
Uma serifada de traço fino sustenta as manchetes com entrelinha apertada, e uma sans geométrica cuida de corpo, botão e rótulo. A assinatura da marca é a palavra de destaque em itálico champanhe dentro da manchete serifada.
Isso dá o registro editorial que a marca quer sem sacrificar legibilidade nos blocos que realmente precisam ser lidos.
Serifada em tudo, incluindo o corpo e a interface. Descartado: bonito em manchete, cansativo em parágrafo e ruim em formulário, que é exatamente onde a conversão acontece.
Os tokens ficam em português
Os nomes das variáveis mantêm o vocabulário da marca: obsidiana, champanhe, névoa, marfim. Não foram traduzidos para inglês.
Esse é o vocabulário que a consultora usa para falar do próprio trabalho. Manter o nome aproxima quem escreve o texto de quem escreve o código, e qualquer conversa sobre a marca usa uma palavra só.
Nomes em inglês, o padrão da maioria dos sistemas. Descartado: cria uma camada de tradução entre a marca e a implementação, e essa camada é onde a intenção se perde.
O resultado
A entrega foi a identidade, o sistema que a sustenta e a landing construída em cima dele: tokens, componentes e cards de especificação de um lado; do outro, a página inteira em React, com um seletor ao vivo de paleta, tipografia e layout que permitiu testar direções sem refazer código.
Junto saiu um fluxo completo de plataforma de curso, treze telas ligadas entre si, do catálogo à emissão de certificado, passando por pagamento, área do aluno, player, comunidade e painel do produtor. É escopo suficiente para virar um caso próprio.
A mudança concreta é que a consultoria passou a ter um lugar que faz o trabalho de convencimento antes da conversa, em vez de começar cada venda do zero. As fontes são as reais da marca, sem substituição, o que significa que o sistema não carrega dívida tipográfica.
Não há número aqui porque não há medição autorizada. O indicador que importaria é a proporção de contatos que chegam já sabendo o que vão comprar.
ficha técnica
- stack
- React · Tailwind CSS · TypeScript
- papel
- Identidade visual, design system e front-end