Notas de versão
O que mudou em cada publicação
3.16 — 12 de setembro de 2026
Assistente automático do site, em todas as páginas, empilhado acima do botão de WhatsApp. O lançador só aparece depois que o banco de dados e as chaves de configuração existirem no servidor (sonda antes de exibir); até lá o restante do site não muda.
- Sem inteligência artificial generativa. Árvore de respostas escritas previamente (23 nós de partida), casamento de intenção por similaridade de texto, e encaminhamento ao Carlos quando não sabe. Não indica produto nem opina sobre mercado: perguntas desse tipo recebem uma recusa fixa que cita a Resolução CVM 178 e oferecem a conversa individual.
- Lead pelo mesmo caminho do formulário: interesse, faixa de patrimônio (opcional), nome e WhatsApp, gravados e avisados por e-mail como qualquer lead, com
origem_pagina = chat:<página>e o código da conversa na mensagem. - Escalação ao WhatsApp com o código da conversa no texto; fora de segunda a sexta, 9h–18h, avisa que a resposta vem no próximo dia útil.
- Privacidade: dado pessoal mascarado antes de gravar; conversas apagadas após 90 dias (ver /privacidade#assistente).
- Origem: fork do assistente "Johny" do Pódio Certo (em produção desde 06/09/2026), sem os módulos de LLM, preço e compra.
3.15 — 12 de setembro de 2026
Rodada de experiência de uso com base em neurociência da recompensa. Decisão de fundo, antes de qualquer efeito: em site de assessoria regulada, o que a literatura chama de "recompensa variável" (a incerteza que prende em jogo e rede social) fica fora. O que entra é o outro lado da mesma biologia: antecipação com fechamento previsível, progresso visível e resposta imediata ao gesto.
- Números da trajetória (R$ 300 milhões+, 258 mil) contam de zero até o valor real quando entram na tela, em 0,9 s, e param. Antecipação com fim conhecido; nada muda depois.
- Formulário com progresso honesto: "0 de 3 preenchidos · leva menos de um minuto", barra que avança conforme os campos obrigatórios ficam válidos, "Tudo preenchido. É só enviar." no fim. Só conta o que está de fato preenchido — sem avanço fictício (o "endowed progress" de Nunes e Drèze funciona, mas é truque; não entra).
- Fechamento sem incerteza: após o envio, além da mensagem de confirmação, uma marca de conferido e três passos do que acontece agora (dados chegaram; Carlos responde pelo WhatsApp; conversa de cerca de 20 minutos, sem transferir investimentos).
- Resposta ao toque: botões cedem 1,5% ao clique; cartões da faixa sobem 3 px ao passar o mouse; seta dos links avança. Tudo desligado para quem pede movimento reduzido.
Fontes da 3.15
- Anna Lembke, Nação Dopamina, trecho 2, p. 37-69 (biblioteca): a liberação de dopamina é máxima quando ganhar e perder têm a mesma chance; antecipação e reação à recompensa são sinais distintos. Base para excluir recompensa variável e usar antecipação.
- Nir Eyal, Hooked, cap. 5 "Investimento", p. 119-140 (biblioteca): o pequeno esforço do usuário aumenta a chance de retorno. Aplicado como progresso do formulário, não como gancho.
- Iigaya et al. (2020), "The value of what's to come: neural mechanisms coupling prediction error and the utility of anticipation", Science Advances: a antecipação tem valor próprio, acoplado ao erro de predição. Motivo dos contadores e do fechamento em três passos.
- Kivetz, Urminsky e Zheng (2006), "The Goal-Gradient Hypothesis Resurrected", Journal of Marketing Research 43(1): o esforço acelera quanto mais perto da meta; progresso visível sustenta a conclusão. Motivo da barra do formulário.
- Nunes e Drèze (2006), "The Endowed Progress Effect", Journal of Consumer Research: avanço artificial aumenta esforço. Lido e descartado por ser ilusório.
- Schultz, Dayan e Montague (1997), erro de predição dopaminérgico, via revisões em Scientific Reports (2020) e J. Neurosci (2017): recompensa esperada e entregue não surpreende; a experiência fica estável quando o site cumpre o que anuncia.
3.14 — 12 de setembro de 2026
Títulos no celular. Auditoria em 375 px depois da 3.7: a coluna de 331 px deixava o título do hero com seis linhas e vários títulos de seção com a última linha órfã, efeito de tirar o teto e a quebra balanceada para o desktop encher a grade.
- Até 640 px, hero em 32 px (era 38), títulos de seção e dos blocos editoriais em 27 px (era 30), todos com quebra balanceada; o mesmo para os títulos das páginas de solução, das chamadas finais e do fecho de "Atendimento pessoal". Hero passou de seis para cinco linhas, todas cheias.
- /metodo: os quatro números do case em uma coluna por linha no celular; "6.511 → 2.120" não cabia em meia coluna.
- Desktop não muda. Conferido em home, /solucoes/investimentos, /metodo, /cambio e /conteudos: sem estouro horizontal, parágrafos sem alteração.
3.13 — 12 de setembro de 2026, madrugada
As nove ilustrações que faltavam na v2 (cenas com pessoas) foram geradas no Google Flow pela IA operando o navegador do dono, com autorização dele para o lote de downloads. Com isso, as 29 ilustrações do site estão na v2.
- 9 imagens trocadas: previdência 1; internacional 2 e 3; corporate 1 e 2; crédito 1, 2 e 3; câmbio 2. Arquivos com sufixo
-v2; os v1 correspondentes foram apagados. - Doze gerações para nove imagens: três foram descartadas e refeitas com o prompt reforçado ("strictly from behind, no face visible, no numbers") — corporate 2 tinha "Julho 2022" legível no calendário; internacional 2 tinha rosto nítido e logotipo de sistema na tela do notebook; previdência 1 tinha perfil em foco. Nenhum díptico desta vez: um prompt por vez, 45 s entre eles.
- Regras da exceção ao §30 conferidas nas 9 finais: sem rosto identificável (pessoas de costas), sem texto legível, sem logotipo. Corporate 1 mantém três pessoas ao fundo, desfocadas e pequenas, na sala de vidro.
3.12 — 12 de setembro de 2026, madrugada
Ilustrações v2 (cenas com pessoas e situação, prompts da 3.7) geradas no Google Flow pela IA operando o navegador do dono, com autorização dele para o lote de downloads.
- 14 imagens trocadas pela versão v2: home-internacional; investimentos 1, 2 e 3; câmbio 1; internacional 1; previdência 2 e 3; seguros 1, 2 e 3; sucessão 1, 2 e 3. Somadas às 6 já em v2 (home-empresa, home-liquidez, home-estrutura, home-conexao, câmbio 3, corporate 3), são 20 de 29. Arquivos com sufixo
-v2para o navegador não servir a versão antiga do cache. - 9 continuam na v1 (objetos, sem pessoas): previdência 1, internacional 2 e 3, corporate 1 e 2, crédito 1, 2 e 3, câmbio 2. Motivo: no Flow, prompts enviados enquanto a geração anterior ainda rodava foram colados e o modelo devolveu dípticos (duas cenas numa imagem só), inutilizáveis; a rodada de reposição esbarrou no modo "Agent" do Flow, que não gera imagem. Os nove prompts estão prontos em
assets/ilustracoes/PROMPTS-FLOW-v2.md. - Regras da exceção ao §30 conferidas nas 14: sem rosto identificável (pessoas de costas ou desfocadas), sem texto legível, sem logotipo.
3.11 — 12 de setembro de 2026, madrugada
Rodada de stress do design: disposição de títulos e imagens medida em quatro larguras (1920, 1366, 1024 e 375 px) na home e em /solucoes/previdencia, contra o padrão dos sites do nicho registrado na 3.7 e contra a régua da biblioteca. Nada de conteúdo mudou.
Semelhanças com os sites do nicho (J.P. Morgan Private Bank, BTG Wealth Management, UBS WM Brasil, Julius Baer — medição da 3.7)
| Padrão do nicho | No site |
|---|---|
| Título à esquerda, imagem ou conteúdo à direita; o parágrafo nunca fica sozinho no meio da tela | Hero (título + foto), cinco blocos temáticos da home (texto + figura), grade de soluções, faixa "Em três quadros" |
| Foto real de pessoa em destaque na abertura (UBS: assessor e cliente; Julius Baer: retrato de página inteira) | Foto real do Carlos no hero, agora com 45% da grade (3.10); ilustrações geradas só nos blocos secundários, sem rosto |
| Título de abertura em 2 a 3 linhas, forte, sem concorrer com o parágrafo | Era 6 linhas (medido em 1920 e 1366); agora 4 linhas, 57 px, coluna do título com 57% da grade |
| Parágrafo curto (450 a 650 px, 60 a 75 caracteres) mesmo quando o título corre largo | Lead das páginas de solução estava em 119 caracteres por linha desde a 3.7; limitado a 40em (~80), o título continua na largura toda (62em) |
| Imagens em cartão com canto suave, grade de três, legenda curta | Faixa "Em três quadros" com raio de 16 px e legenda numerada de 2 a 3 linhas |
| Paleta de um azul institucional, sem dourado, botões de canto reto | Tokens do BTG desde a 3.3; botões e caixas em 4 px |
| Nenhum deles usa coluna única estreita ao centro (padrão Apple) | Coluna de leitura 920 px e blocos em duas colunas desde a 3.7 |
O que a medição achou e o que mudou
- Título do hero com 6 linhas e 18 caracteres por linha em 1920 e 1366 px: grade passou de 1,05/0,95 para 1,15/0,85 e o teto do título de 60 para 54 px. Resultado: 4 linhas; foto continua com 452 × 565 px em 1366.
- Três títulos de seção com órfã (última linha de uma palavra só) em 1366:
text-wrap:prettyem h1, h2 e h3. Restou uma, no título centralizado "Uma estratégia patrimonial. Diferentes decisões conectadas.", que só sairia com balanceamento, retirado na 3.7 a pedido do dono. - Lead das páginas de solução com 119 caracteres por linha: limitado a 40em.
- Sem rolagem horizontal em nenhuma largura; figuras da home casam com a altura do texto (diferença máxima de 6 px) e vão para baixo do texto no celular; legendas da faixa em 2 a 3 linhas; nenhum título de caixa com órfã.
Fontes que a IA consultou para a 3.11
- Steve Krug, Don't Make Me Think, "Guiding principles", p. 23-62: o mais importante é o mais proeminente; o que é relacionado fica agrupado; o título abrange visualmente o que governa. Régua para hero e blocos texto + figura.
- Lidwell, Holden e Butler, Universal Principles of Design, "Gutenberg Diagram", p. 116-117: título pesado e foto definem a área ótica primária; caminho em Z (título alto-esquerda, imagem, ação baixo-direita). Confirma título à esquerda e foto à direita no hero.
- Robert Bringhurst, Elementos do Estilo Tipográfico, proporções do bloco de texto (45 a 75 caracteres por linha). Motivo do limite do lead.
- Ellen Lupton, Thinking with Type, "Text", p. 85-148: hierarquia tipográfica enfatiza uns elementos e subordina outros; título e parágrafo não podem ter o mesmo peso visual.
3.10 — 12 de setembro de 2026, madrugada
- Foto do Carlos em destaque no hero: coluna da foto passou de 35% para 48% da grade e a foto de no máximo 460 px para 560 px de largura (505 px em tela de 1366), com sombra mais presente.
- Cantos arredondados (16 px) em todas as fotos e ilustrações: hero, foto da experiência, figuras da home, cartões da faixa "Em três quadros". Botões e caixas continuam em 4 px.
- Revisão de textos: varredura mecânica (pontuação dupla, palavra repetida, espaços, contrações) nas 13 páginas. Um erro real corrigido: "e e os mecanismos" em /solucoes/internacional. Consistência: "diagnóstico gratuito" saiu das chamadas finais de corporate, internacional, investimentos e seguros (o briefing 3.0 veta "gratuito"; previdência e sucessão já estavam sem) — virou "primeira conversa, sem compromisso". "Ferramenta gratuita" nas calculadoras ficou: é ferramenta, não serviço.
3.9 — 12 de setembro de 2026, madrugada
- Quatro imagens trocadas por versões verticais com pessoas/situação (prompts v2): home-empresa, home-liquidez, cambio-3, corporate-3. Nos cartões da faixa 4:3 a foto vertical é recortada ao centro.
- Blocos #estrutura e #conexao da home ganharam as duas imagens que faltavam (home-estrutura, home-conexao), geradas pelo dono no Flow a partir dos prompts da 3.8. Os cinco blocos temáticos da home agora têm figura.
- A figura passa a ter exatamente a altura do texto ao lado (mínimo de 300 px), em vez da altura natural da foto: nem menor que o texto (queixa das 23h53) nem maior.
3.8 — 12 de setembro de 2026, madrugada
Dois áudios do dono (23h53 e 23h55), sobre a home.
- A figura ao lado do texto nos blocos #empresario, #internacional e #liquidez "corria" junto com a rolagem e era menor que o texto: era o
position:stickyda 3.6. Saiu. A figura agora estica até a altura do texto e a foto preenche por recorte. - Os blocos #estrutura e #conexao ainda não têm imagem. Duas cenas novas foram adicionadas a
assets/ilustracoes/PROMPTS-FLOW-v2.md(home-estrutura, home-conexao); entram assim que o dono gerar. - Resposta à pergunta "vale seguir essa linha?": sim. Cada imagem pesa 60 a 80 KB, carrega sob demanda (
loading="lazy",srcsetem 640/1200 px); uma página carrega só as suas 3 a 6 imagens, cerca de 300 KB. O que derrubaria desempenho seria vídeo em reprodução automática, que não está previsto.
3.7 — 12 de setembro de 2026, madrugada
Seis áudios do dono (22h22 a 22h33), gravados sobre a 3.5, antes de as ilustrações entrarem. Transcritos e aplicados; o sexto é assunto pessoal e ficou de fora.
- Largura, de novo (áudios 22h22 e 22h23: "o espaçamento ainda não está ajustado", "quatro linhas numa frase que era para ser em duas"). O exemplo dele: o título "Para quem já construiu patrimônio e passou a lidar…" deveria correr até onde termina o quadro Famílias, mas quebrava antes. Causa: os títulos de seção tinham teto de 22em e quebra balanceada. O que mudou em telas a partir de 1000 px: títulos de seção e de hero sem teto de largura e com quebra natural, ocupando a grade inteira; coluna de leitura de 800 para 920 px; hero das páginas de solução de 44 para 62em; nas soluções, entregas em três colunas, nota "O que isso não resolve" e respostas do FAQ em duas colunas de texto, chamada final mais larga; na home, o título dos blocos com figura corre sobre as duas colunas e a figura começa na linha do primeiro parágrafo; o hero dá mais espaço ao texto (1.35/0.65). Parágrafo solto continua com teto de leitura (cerca de 85 caracteres), por isso a caixa larga divide em duas colunas em vez de esticar a linha. Celular não muda.
- Imagens (áudios 22h29): as cenas devem mostrar situações, "a assessoria e a proximidade", "o gerente que não entende ou só empurra produto", geradas texto a texto com a psicologia da história. As 27 cenas foram reescritas em
assets/ilustracoes/PROMPTS-FLOW-v2.md: cada página conta um arco em três quadros (situação de hoje → conversa com o assessor → depois), com pessoas de costas, de perfil fora de foco ou do ombro para baixo. Legendas e nomes de arquivo não mudam; o dono gera no Flow e substitui o JPG de mesmo nome. Regras da exceção ao §30 mantidas (sem rosto identificável, sem texto, sem logotipo). Duas cenas extras para o bloco "Atendimento pessoal" ficam a critério dele. As imagens da 3.6 seguem no ar até a troca. - Benchmark (áudio 22h30: "a Apple tem essa estrutura, mas o modelo de negócio deles é comercializar produto; é assim que os sites de wealth management fazem?"). Medido em 11/09, tela de 1440 px, sem aceitar cookies: J.P. Morgan Private Bank (América Latina) abre com foto de página inteira e título serifado por cima, parágrafos de 640 px (cerca de 70 caracteres) dispostos em blocos de duas colunas (título à esquerda, conteúdo à direita), 20 imagens na home, 3 de página inteira; BTG Pactual Wealth Management abre com imagem de página inteira (o planeta à noite), 44 imagens, parágrafos curtos em cartões (mediana 300 px, máximo 870); UBS Wealth Management Brasil abre com foto real de assessor e cliente, 16 imagens, parágrafos em cartões de 460 px e frases de efeito até 1290 px; Julius Baer abre com retrato de página inteira e grade de soluções em duas colunas com foto. Nenhum deles usa a coluna única e estreita da Apple. O padrão comum: o parágrafo continua curto (450 a 650 px), mas ele nunca fica sozinho no meio da tela; está ao lado de uma foto, num cartão de grade ou numa dupla título/conteúdo. É a mesma regra que a 3.7 aplica. O que ainda dá para trazer, em rodada própria e se o dono quiser: hero com foto real de página inteira e título por cima (§30 permite foto real do Carlos), bloco de conteúdos com cartões de foto na home, e o par título à esquerda / lista à direita nas seções longas.
3.6 — 11 de setembro de 2026, madrugada
Ilustrações no ar, dentro da exceção ao §30 registrada na 3.5. Formato do áudio das 21h52: sequência tipo story.
- 27 imagens geradas pelo dono no Google Flow a partir dos prompts de
assets/ilustracoes/PROMPTS-FLOW.md(estilo editorial, paleta azul do site, sem rosto identificável, sem texto ou logotipo). Conferidas uma a uma antes de entrar. Vieram em 4:3 horizontal; o componente foi desenhado para isso. Duas larguras por imagem (1200 e 640 px), JPEG progressivo, 3,4 MB no total. - Páginas de solução: faixa "Em três quadros" logo abaixo do hero, um quadro por ideia central da página, legenda numerada. No celular, rolagem lateral com encaixe, como story.
- Caixas "Como funciona na prática": o texto longo fica recolhido em cinco linhas com "Continuar lendo"; abre por interesse. Sem JavaScript o texto aparece inteiro. Isso encurta cada página de solução em cerca de metade.
- Home: uma figura ao lado do texto nos blocos #empresario, #internacional e #liquidez (em tela larga; no celular, abaixo do texto).
- Fotos do Carlos continuam sendo só as reais (hero e experiência).
3.5 — 11 de setembro de 2026, noite
Quatro áudios do dono (21h42 a 21h47), transcritos e aplicados.
- Aviso do rodapé, em todas as 18 páginas, na política de privacidade, no llms.txt e nos dados estruturados: "Carlos Filho atua como assessor de investimentos vinculado à GWM Investments, escritório de agentes autônomos credenciado ao BTG Pactual, nos termos da Resolução CVM nº 178/2023." Saíram "na qualidade de preposto" e "parceiro do". Duas respostas de FAQ (câmbio, investimentos) que repetiam "preposto" foram alinhadas.
- Caixas "Como funciona na prática" com título em linguagem do cliente; o termo técnico fica entre parênteses ou no corpo do texto. Investimentos: "Arquitetura aberta vs. prateleira fechada" virou "Banco tradicional × assessoria de investimentos: quem escolhe o produto" (sugestão do dono); "Suitability" virou "O questionário de perfil"; "Custódia no BTG e rebalanceamento" virou "Onde o dinheiro fica e como a carteira é ajustada". Câmbio: "Spread contra a PTAX" virou "A diferença entre a taxa do banco e a do Banco Central"; VET, ACC/ACE e hedge ganharam tradução no título. Corporate: "Liquidez casada" e "marcação a mercado" reescritos. Crédito: "Home equity" virou "Crédito com garantia de imóvel (home equity)"; "Crédito estruturado" virou "Crédito sob medida". Internacional: "o diferimento acabou" virou "o imposto não espera mais o resgate"; "invólucro" virou "uma estrutura". Seguros: "Prestamista" virou "Seguro da dívida (prestamista)". Os textos dentro das caixas não mudaram, exceto a primeira frase da caixa de investimentos, que agora abre por "No banco tradicional…".
- Largura da leitura: a coluna de texto passou de 720 para 800 px em todo o site; nas páginas de solução, em telas a partir de 1000 px, as caixas numeradas e a lista de situações ocupam duas colunas, usando a margem que antes ficava vazia. A página fica mais curta e cada parágrafo, mais baixo.
- Imagens (pedido de ilustrar com fotos realistas e a ideia de "sequência de folders" por tema): o briefing 3.0 (§30 a §32) veda imagem de banco e fixa que só entram fotos reais do Carlos. Exceção aberta em 11/09/2026, por decisão do dono: ilustração gerada por IA fica liberada para as páginas de solução e para os blocos temáticos da home, com três regras: sem rosto identificável (cenas de mesa, mãos, documentos, arquitetura, família de costas), paleta na família azul do site, nenhum texto ou logotipo dentro da imagem. Fotos do Carlos continuam sendo só as reais. Formato decidido no áudio das 21h52: sequência tipo story (cartões verticais 3:4, texto curto por quadro, texto longo fica atrás para quem quiser aprofundar), para encurtar as páginas. As 27 cenas e os pontos de inserção estão definidos; as imagens são geradas pelo dono no Google Flow e entram na próxima versão.
3.4 — 11 de setembro de 2026, noite
Animações e interações revisadas. Nenhum texto mudou.
- Links do menu para âncoras (#sobre, #contato, #solucoes…) paravam atrás do header fixo, escondendo o título da seção. Agora param 92 px abaixo do topo (
scroll-margin-top). - Perguntas frequentes: clique duplo durante a animação deixava o item travado meio aberto; e o fechamento dependia de um evento que não dispara em aba oculta. Cada clique agora conclui em até 0,4 s, com ou sem o evento.
- Menu no celular: o ícone vira X ao abrir; fecha com Esc (devolvendo o foco ao botão) e com clique fora.
- Páginas de solução ganharam a mesma entrada suave ao rolar que a home já tinha (blocos numerados, listas, perguntas), aplicada só ao que está abaixo da dobra para nada piscar no carregamento. Respeita
prefers-reduced-motion. - Contorno de foco visível para links, perguntas do FAQ e o botão do menu, na cor de ação; anel de foco dos campos do formulário na cor 3.3.
3.3 — 11 de setembro de 2026, noite
Paleta alinhada aos tons do BTG Pactual, a pedido do dono. Nenhum elemento, fonte ou iconografia do BTG foi copiado (§3 do briefing continua valendo): o que mudou foram os valores dos tokens de cor do site, lidos das folhas de estilo públicas de btgpactual.com em 11/09/2026. Textos, ordem das seções e layout inalterados.
| Token | Antes (3.0) | Agora (3.3) | Onde aparece |
|---|---|---|---|
| Azul-marinho principal | #061A2F | #05132A | Rodapé, bloco institucional, fundo das chamadas finais |
| Azul institucional | #0D3761 | #0B2859 | Títulos especiais, links sobre fundo claro |
| Degrau intermediário | #12447A | #10408D | Gradientes dos heros das páginas de solução; hover do botão |
| Azul de ação | #246BCE | #195AB4 | Botão principal em todas as páginas, links, estados ativos |
| Texto principal | #101820 | #0E1E34 | Corpo de texto: preto-azulado da mesma família do fundo |
| Tons claros | #DCEBFA / #F3F7FC | #D6E2F3 / #F2F5FA | Filetes, fundos alternados |
| Cantos | 6 a 8 px | 4 px | Botões, cards, caixas; mesmo raio em todo o site |
| Respiro entre seções | 120 px | 104 px | Home |
Contraste medido (WCAG): botão principal com texto branco subiu de 5,2:1 para 6,6:1; texto principal sobre branco 16,8:1; texto secundário sobre fundo claro 5,8:1; acento sobre azul-marinho 9,5:1. Nenhum par abaixo de AA.
Fontes que a IA consultou para a 3.3
| Fonte | Onde foi usada |
|---|---|
| btgpactual.com, estilos computados da home em 11/09/2026 | Valores da paleta: base #05132A, escala #0B2859 → #10408D → #195AB4, neutros #69717F / #CBCBCB / #E6E7EA, botão principal #195AB4 com raio de 4 px. Sem dourado. |
| Daniel Kahneman, Rápido e Devagar, cap. 5 "Conforto cognitivo", p. 67-79 | "Você sente desconforto cognitivo quando lê instruções em uma fonte ruim ou em cores fracas"; contraste alto entre letra e fundo é o que faz a mensagem parecer familiar e, por isso, verdadeira. Justifica escurecer o azul de ação e o texto principal. |
| Lidwell, Holden e Butler, Universal Principles of Design, "Aesthetic-Usability Effect", p. 18-19; Pocket Universal Principles, "Blue Effects", §017 | Design percebido como bonito é percebido como mais fácil de usar e mais tolerado quando falha; azul é a cor mais aceita e sinaliza abertura. Confirma a família azul e o cuidado com detalhes (raio único, sombras da mesma cor). |
| Alla Kholmatova, Design Systems, cap. 9 "Systemizing Perceptual Patterns", p. 213-243 | Os mesmos padrões de cor, transição, contraste e tipografia aplicados em toda a interface fazem o produto "parecer sólido e bem construído". Motivo de unificar os cantos em 4 px e as sombras no mesmo azul. |
| Karl Blanks e Ben Jesson, Making Websites Win, seção 3 "Winning websites are trustworthy", p. 153-320 | Confiança vem de prova, não de cor: números, credenciais, avisos. Por isso a 3.3 não mexeu no conteúdo; a prova já está no site (CVM 178, ouvidoria, trajetória em números). |
| Irene Pereyra, Universal Principles of UX, "Define", p. 107-141 | Suprimir o que o usuário não precisa aumenta a percepção de credibilidade. Sustenta manter uma chamada só por bloco e reduzir o respiro sem acrescentar elementos. |
| Jon Yablonski, Leis da Psicologia Aplicadas a UX, cap. 7 "Efeito estética-usabilidade", p. 78-87 | Mesmo princípio de Lidwell, em português; leitura de confirmação. |
Consultado e descartado: Johannes Itten, The Elements of Color (simbolismo de cor de pintura, não de interface).
3.2 — 11 de setembro de 2026, noite
Página /solucoes/sucessao reescrita na mesma abordagem socrática da 3.1, a pedido do dono. Fatos da versão anterior mantidos; o que mudou foi a forma: cada bloco abre com a pergunta que o leitor deveria estar fazendo, e o texto responde sem prescrever.
- Hero: "Se você saísse de cena amanhã, quem saberia dizer, num papel só, o que é de quem?" e o fecho "quanto do seu patrimônio depende de você estar presente para continuar funcionando?".
- Quatro blocos-pergunta: tempo com o patrimônio congelado (inventário, via extrajudicial e judicial); de onde sai o dinheiro do imposto (ITCMD estadual, pago em dinheiro, sem alíquota citada de propósito); se vinte bens virassem um (holding: governança e doação de quotas com usufruto); quem disse que holding elimina imposto (ITCMD na doação, ITBI, ganho de capital, credor conhecido, família).
- Cinco perguntas "que a família nunca fez em vida" e o sinal "se três ficaram sem resposta, o planejamento ainda não existe".
- FAQ com cinco perguntas; nova: "Minha previdência entra no inventário?", com o Tema 1.214 e link para /solucoes/previdencia.
- Chamada final "Você já sabe o que aconteceria com o seu patrimônio na sua ausência?", botão "Solicitar diagnóstico da minha sucessão", nota de compliance abaixo dos botões. Saiu "gratuito, 20 minutos".
- Fontes: as mesmas seis da 3.1 para a estrutura (Gap Selling, SPIN, Great Leads, Bly, Kahneman, Krug, Pricing Creativity). A biblioteca não tem material específico sobre holding familiar ou inventário: o conteúdo jurídico é o que já estava na página, sem acréscimo. Consultado e descartado: Sell It Like Serhant, cap. 9 ("play the fears"), por contradizer o tom.
3.1 — 11 de setembro de 2026
Página /solucoes/previdencia reescrita em abordagem socrática, com a Lei nº 14.803/2024 e o Tema 1.214 do STF incorporados. Texto-base entregue pelo dono; revisão de forma e de compliance feita pela IA antes de publicar. Resto do site inalterado.
- Hero: "Se alguém te perguntasse agora qual é o regime tributário do seu plano, você saberia responder? E por que escolheu?" e o fecho "a escolha que está registrada no seu plano ainda faz sentido para a vida que você tem hoje?".
- Quatro blocos numerados: a mudança da Lei nº 14.803/2024 (opção de regime até o benefício ou o primeiro resgate; irretratável depois); progressivo × regressivo (35% → 10%, prazo por aporte); PGBL e declaração simplificada (dedução de 12% só no modelo completo); sucessão e ITCMD (Tema 1.214: inconstitucional a incidência sobre o repasse de PGBL/VGBL aos beneficiários).
- Lista de cinco perguntas antes do resgate e o sinal "se você não sabe responder a pelo menos três".
- Entregas reescritas como itens de análise do plano já existente: instituição, custos, regime e prazo, modelo de declaração, portabilidade, encaixe patrimonial.
- Bloco "O que esta página não substitui": assessoria ≠ aconselhamento jurídico/tributário; a lei não criou troca livre de regime; nenhuma promessa de economia, rentabilidade ou resultado.
- FAQ com seis perguntas, duas novas ("A lei nova vale para mim?", "Posso trocar de regime quando quiser?") e uma refeita ("Previdência paga ITCMD?"); JSON-LD FAQPage sincronizado.
- Chamada final "Você contratou sua previdência antes de 2024?", botão "Solicitar análise da minha previdência", nota de compliance abaixo dos botões. Mensagem do WhatsApp da página passou a "quero uma análise do plano que já tenho".
- Bloco "Fontes desta página" com as três fontes oficiais. A data de trânsito em julgado do Tema 1.214 não foi citada de propósito: falta confirmar no andamento do RE 1.363.013.
- Fora da página, não publicado: a nuance da retratação regressivo → progressivo (janela de 11/01/2024 a 30/09/2024 para quem já estava em benefício ou resgate) fica com o time jurídico antes de virar texto público. Os três ganchos para redes sociais entregues junto com o texto também não estão no site.
Fontes que a IA consultou para esta versão
Registro do que embasou a estrutura e a revisão do texto, para quem quiser conferir. A biblioteca é a base de conhecimento do estúdio (livros em markdown, busca semântica com reranker); os títulos abaixo saíram de seis consultas por prateleira, em 11 de setembro de 2026. Nenhum trecho foi copiado; o que entrou foi o princípio.
| Fonte | Onde foi usada |
|---|---|
| Lei nº 14.803, de 10 de janeiro de 2024 (altera a Lei nº 11.053/2004); IN RFB nº 2.209/2024; STF, Tema 1.214, RE 1.363.013/RJ, rel. min. Dias Toffoli (mérito 16/12/2024; acórdão 08/01/2025) | Toda afirmação jurídica da página. Fontes oficiais, indicadas pelo dono junto com o texto. |
| Keenan, Gap Selling, cap. 7, p. 58-90 | Perguntas provocadoras que levam o leitor do problema técnico (regime registrado) ao problema de negócio (imposto pago a mais) e ao existencial (sucessão). Estrutura dos quatro blocos numerados. |
| Neil Rackham, SPIN Selling, "Venta mayor" (parte 2), p. 70-111 | Perguntas de necessidade-benefício: o leitor descreve o próprio ganho em vez de ouvir o produto. Lista das cinco perguntas antes do resgate. |
| Michael Masterson, Great Leads, Introdução, p. 11-47 | "O que o cliente já sabe?" e a Regra do Um: uma ideia por página (a regra mudou, seu plano não foi revisado). Justifica não misturar produto novo com revisão do existente. |
| Robert Bly, The Copywriter's Handbook, Abertura, p. 1-28 | Título que dá notícia e seleciona o público ("Você contratou sua previdência antes de 2024?"). Sem "grátis", sem urgência artificial. |
| Daniel Kahneman, Rápido e Devagar, cap. 27 "O efeito dotação", p. 308-319 | Viés de status quo e ponto de referência: por que ninguém revisa uma escolha antiga. A pergunta do hero ataca exatamente isso, sem alarme. |
| Steve Krug, Don't Make Me Think, "Guiding principles", p. 23-62 | Ruído baixo: um botão principal, sem exclamação, sem empilhar chamadas. A nota de compliance fica abaixo dos botões, não competindo com eles. |
| Blair Enns, Pricing Creativity, cap. 10, p. 180-194 | Diagnóstico como primeiro passo, proposto quando o cliente admite que tem uma situação que não entende. Molde do bloco "O que eu analiso no plano que você já possui" e do fecho "sem promessa de resultado". |
| Poupando e Investindo em Renda Fixa, cap. 3 "Produtos bancários", p. 58-87 | Conferência da mecânica PGBL/VGBL, 12%, 35% → 10% e do peso de taxa de administração e carregamento sobre juros compostos. Item "Custos" da lista de análise. |
Consultadas e descartadas: Making Websites Win (o trecho era sobre teste A/B, não sobre esta página) e Fanatical Prospecting (prospecção ativa, fora do escopo de uma página de solução).
3.0 — 4 de setembro de 2026
Home reconstruída conforme o "Briefing final de implementação" (posicionamento Alta Renda / Wealth Management). Textos publicados como recebidos.
- Botão principal em todas as páginas: "Agendar uma conversa". Formulário: "Agendar minha conversa".
- Hero: "Você já construiu patrimônio. Agora, o desafio é coordenar as decisões ao redor dele." Fundo claro, foto à direita, link secundário para o WhatsApp.
- Ordem das seções: hero → boas decisões isoladas (#estrutura) → quem está conectando (#conexao) → para quem (#paraquem) → empresa e patrimônio (#empresario) → internacional → eventos de liquidez → atendimento pessoal e estrutura (#instituicao) → áreas de atuação (#solucoes) → quatro perguntas (#perguntas) → experiência (#sobre) → processo (#processo) → primeira conversa (#primeira-conversa) → perguntas frequentes (#faq) → chamada final (#ultima) → formulário (#contato).
- Paleta azul institucional (#061A2F, #0D3761, #246BCE, #DCEBFA, #F3F7FC), sem dourado. Fonte única: Inter.
- Menu: Início, Sobre, Soluções, Método, Contato. Cabeçalho em texto ("Carlos Filho / Assessor de Investimentos"); o logotipo GWM · BTG fica na seção institucional e no rodapé.
- Formulário: nome, WhatsApp, e-mail, situação atual (sete opções) e faixa de recursos (até R$ 500 mil … acima de R$ 10 milhões). Mensagem após envio: "Obrigado. Recebi suas informações e entrarei em contato para alinharmos o melhor horário para conversarmos."
- Fora da home: comparativo, provocações em fundo escuro, seis eventos de liquidez em cards, bloco "Sua empresa opera câmbio?" (a landing /cambio continua no rodapé).
- Analytics: eventos de rolagem em 25/50/75/90%.
- Página /conteudos criada para o item "Conteúdos" do menu, reunindo o que já existia: estudo do método, câmbio para empresas, simulador, calculadora e estas notas.
Conformidade com o briefing, seção por seção
Para quem confere o site contra o "Briefing final de implementação" (versão Alta Renda / Wealth Management), a tabela abaixo indica onde cada seção do documento está aplicada.
| Seção do briefing | Estado no site | Onde |
|---|---|---|
| §1 Objetivo | Home reposicionada para empresários, executivos, profissionais liberais e famílias com patrimônio construído. Conversão única: agendar uma conversa. | / |
| §2 Regra de implementação | Textos publicados como recebidos, sem sinônimos, sem slogans novos, sem escassez. Únicas adaptações de layout: as listas de palavras dos §16 e §18 estão em parágrafo corrido, com a pontuação original. | #empresario, #liquidez |
| §3 Identidade visual | Sem elementos, fonte ou iconografia do BTG. Logotipo GWM · BTG só nos arquivos oficiais, íntegros. | #instituicao, rodapé |
| §4 Tipografia | Inter variável (400 a 600) como única família, em todas as páginas. Manrope removida. | todas as páginas |
| §5 e §6 Escala | H1 60 px / 1.05 / -0,035em; H2 42 px / 1.12 / -0,025em; H3 26 px; introdutório 20 a 21 px; corpo 17 a 18 px; rótulos 12 a 13 px com 0,08em; botões 15 a 16 px. Mobile: H1 38 a 42, H2 30 a 32, corpo 16 a 17. Nada abaixo de 16 px no texto principal. | styles.css |
| §7 Paleta | #061A2F, #0D3761, #246BCE, #DCEBFA, #F3F7FC, #FFFFFF, #101820, #536170. Sem dourado, sem preto absoluto, sem gradientes chamativos. | styles.css |
| §8 Espaçamento | Container 1200 px; texto editorial 720 px; laterais 40 / 32 / 22 px; seções 120 px no desktop e 80 px no celular; título ao parágrafo 26 px; texto ao CTA 36 px. | styles.css |
| §9 Negrito | Uma frase-chave por seção, apenas as marcadas no briefing. | home |
| §10 Header | "CARLOS FILHO" e "Assessor de Investimentos" à esquerda; menu Início, Sobre, Soluções, Método, Conteúdos, Contato; botão "Agendar uma conversa" à direita. Sticky, fundo sólido e borda discreta ao rolar. | todas as páginas |
| §11 Hero | Texto exato: rótulo, título, dois parágrafos, botão "Agendar uma conversa", link "Falar com Carlos pelo WhatsApp →" e microtexto. | #hero |
| §12 Imagem do hero | Fotografia real de Carlos, blazer azul-marinho, camisa branca, à direita do texto. A foto atual é quadrada; a horizontal pedida depende de nova sessão de fotos. | #hero |
| §13 Segunda seção | Texto exato, sem imagem, em coluna de 720 px. | #estrutura |
| §14 Terceira seção | Texto exato em fundo muito claro (#F3F7FC), com o botão. | #conexao |
| §15 Identificação | Empresários, executivos e profissionais liberais, famílias. Sem "cliente milionário", sem corte de valor. | #paraquem |
| §16 Empresário | Texto exato e botão "Conversar sobre minha empresa". | #empresario |
| §17 Internacional | Texto exato e botão "Conversar sobre diversificação internacional". | #internacional |
| §18 Eventos de liquidez | Texto exato e botão "Planejar esse momento". | #liquidez |
| §19 Atendimento pessoal + estrutura | Fundo azul-marinho, texto branco, logotipo oficial sem alteração. | #instituicao |
| §20 e §21 Áreas de atuação | Grid 3 × 2, ícone linear, título, duas linhas, link. Seis áreas com os textos e links do briefing. | #solucoes |
| §22 Perguntas | Quatro perguntas, números grandes e discretos, fecho "Boas decisões começam por boas perguntas." | #perguntas |
| §23 Experiência | Texto exato, três indicadores (R$ 300 milhões+, 258 mil, R$ 1 milhão+), link "Conhecer minha trajetória →" para /metodo. Detalhes dos cases só em /metodo. | #sobre |
| §24 Processo | Cinco passos com os títulos e textos do briefing. Sem "diagnóstico", sem "consultoria gratuita". | #processo |
| §25 Redução de resistência | Texto exato e botão. | #primeira-conversa |
| §26 FAQ | Seis perguntas e respostas exatas, também nos dados estruturados. | #faq |
| §27 CTA final | Fundo azul-marinho, texto exato, botão, link e rodapé do bloco. | #ultima |
| §28 Formulário | Título, texto, campos Nome, WhatsApp, E-mail, sete situações, cinco faixas, botão "Agendar minha conversa". Mensagem após envio exibida na própria página: "Obrigado. Recebi suas informações e entrarei em contato para alinharmos o melhor horário para conversarmos." O envio também abre o WhatsApp com os dados, para o contato não depender do e-mail. | #contato |
| §29 WhatsApp | Botão flutuante discreto com o texto "Falar com Carlos". Sem pop-up. Mensagem pré-preenchida do briefing em todos os links de WhatsApp. | todas as páginas |
| §30 a §32 Fotografia | Duas fotos reais de Carlos na home (retrato e ambiente de trabalho). Nenhuma imagem de banco, nenhuma da lista proibida. Fotos adicionais dependem de sessão nova. | #hero, #sobre |
| §33 Botões | 52 px de altura, raio 7 px, padding 28 px, peso 600, hover só de cor. Sem pílula, sem pulsação. | styles.css |
| §34 Animações | Fade com 10 px de deslocamento em 350 ms. Removidos: botão magnético, inclinação da foto, contador animado. | styles.css, script.js |
| §35 Mobile | Conferido em 375, 390, 430, 768, 1024 e 1440. CTA em 100% da largura; barra fixa com botão e WhatsApp lado a lado, sem sobreposição. | home |
| §36 Performance | Fonte única com preconnect e carga assíncrona; foto do hero com fetchpriority e WebP; imagens abaixo da dobra com lazy loading; sem bibliotecas. | home |
| §37 SEO | Title "Carlos Filho | Assessoria de Investimentos"; meta description do briefing; H1 único; canonical, Open Graph, favicon, sitemap, robots e dados estruturados atualizados. | head da home |
| §38 Analytics | Eventos em window.dataLayer: cf_cta (todo botão e link de WhatsApp, com nome), cf_form_started, cf_form_submitted, cf_scroll em 25/50/75/90. Origem do lead gravada no servidor (UTM e referrer). | script.js |
| §39 a §43 Tom e vocabulário | Copy publicada como recebida. Expressões da lista do §41 removidas de todas as páginas, inclusive "segunda análise". | todas as páginas |
| §44 Compliance | Textos regulatórios do rodapé mantidos sem alteração. Textos sobre GWM e BTG publicados como recebidos e marcados no código para a revisão de compliance. | rodapé |
| §45 Checklist | Português, CTAs, hierarquia H1/H2/H3, negritos, mobile, formulário, WhatsApp, analytics, imagens, logos, privacidade, avisos legais, links, SEO e Open Graph conferidos antes da publicação. Confirmação do formulário: mensagem na própria página. | esta página |
| Diretriz final | Assinatura institucional "Atendimento próximo. Decisões bem estruturadas. Visão integrada do patrimônio." no rodapé da home. | rodapé |
O que não está na 3.0 e depende de terceiros: foto horizontal nova do hero e imagens adicionais (§12, §30) e a revisão formal de compliance dos textos institucionais (§44).
2.2 — 3 de setembro de 2026, noite
Ajustes pedidos pelo dono depois de ver a 2.1 no ar.
- Menu: o logotipo GWM · BTG deixava de caber entre 900 e 1180 px e invadia o primeiro link. Nessa faixa o logo sai do menu e continua no rodapé.
- "Boutique no relacionamento" virou "Próximo no relacionamento".
- Card "Herança" não cita mais o ITCMD: a regra está em mudança (decisão do STF em 3 de setembro de 2026 sobre escritura e pagamento do imposto). O card descreve o problema de liquidez sem citar o imposto.
- Fecho da seção de liquidez reescrito: "Quanto maior o valor envolvido, mais custa decidir olhando só o produto, e não a estrutura inteira." e "Ainda não aconteceu, mas está previsto? Melhor conversar antes de o dinheiro entrar".
- "algo que vale a pena mudar" → "algo que valha a pena mudar".
- Passo 2 do método: "analisados em conjunto" no lugar de "olhados juntos". Os cinco passos ficaram mais curtos.
2.1 — 3 de setembro de 2026
Rodada de correções pedida pelo dono do site depois da avaliação da versão 2.0. Cada item abaixo aponta para a âncora da home onde vive.
| Pedido | Estado | Onde |
|---|---|---|
| Fechamento do hero: "Você tem investimentos. Mas quem está olhando a estratégia por trás deles?" e botão "Solicitar uma segunda análise". Abertura "Seu patrimônio cresceu. A estratégia precisa acompanhar." com o parágrafo "Quanto mais você constrói…" | Feito | #hero |
| Retirar "Banco tradicional × Carlos Filho" e colocar "Visão fragmentada × visão coordenada", com as duas listas e o fecho "O patrimônio não vive em compartimentos…" | Feito | #estrutura |
| Tirar o simulador de juros compostos da home | Feito | /ferramentas/juros-compostos |
| Tirar a calculadora de spread da home; na home fica "Sua empresa opera câmbio?" com o botão "Analisar minha última operação" para a landing | Feito | #cambio-pj → /cambio |
| Bloco "Médicos" com a frase que julgava o prospect | Removido | O bloco de perfis por profissão saiu inteiro da home 2.0, junto com a linguagem de iniciante. A frase não existe mais em nenhuma página. |
| Retirar "atendo desde quem está começando" e responder com o texto de estrutura construída e aderência | Feito | #faq, pergunta "Para quem o seu trabalho é indicado?" |
| Seção "Algumas perguntas que merecem uma boa resposta", seis perguntas e o fecho "Você não precisa saber todas as respostas…" | Feito | #perguntas, logo depois das áreas de atuação |
| Dobra "Relacionamento próximo. Estrutura global." com BTG, GWM e Carlos e o fecho "Institucional na estrutura." (a palavra "boutique" saiu a pedido do dono na 2.2) | Feito | #instituicao. Sem números institucionais: só entram depois de validação com a GWM. |
| Método sem frase motivacional, aberto por "Antes de recomendar qualquer caminho, precisamos entender onde você está." e com os cinco passos | Feito | #segunda-opiniao |
| CTA final "Antes da sua próxima decisão. Cada instituição enxerga uma parte. Quem está olhando o todo?", botão "Solicitar uma segunda análise" e "Prefiro conversar diretamente com Carlos" | Feito | #contato |
Fora da lista, mas na mesma rodada: o rótulo do botão passou a "Solicitar uma segunda análise" em todas as páginas, e o formulário pergunta primeiro o que a pessoa quer revisar, depois nome e contato, e só por último a faixa de recursos.
2.0 — 2 de setembro de 2026
- Home reconstruída para o posicionamento de alta renda: funil reconhecimento → dúvida → tensão → autoridade → visão integrada → redução de risco → contato.
- Paleta navy e champagne; títulos em Manrope, texto em Inter.
- Simulador de juros compostos e calculadora de spread saíram da home para páginas próprias.
- Trajetória profissional apresentada em números.
- Barra fixa de contato no celular.
Como conferir
A home está em carlosfilhoinvestimentos.com.br. Cada âncora acima abre a seção correspondente. Um resumo em texto simples do site inteiro está em /llms.txt. Se a página que você vê não tiver o item, verifique se está lendo uma cópia em cache: a tag <meta name="version"> no início do HTML da home diz qual versão está sendo servida.