Axioma Investimentos: landing page com estética de terminal para uma gestora

Projeto conceitual desenvolvido pela ALB Seven. A Axioma Investimentos não é um cliente real: a gestora, os setores, as métricas e o fundo descritos na página são fictícios, e o próprio site avisa isso no rodapé. O que existe de concreto é a landing page em si, publicada em axioma.albseven.com, feita para mostrar como uma casa de investimentos pode se apresentar com um site que lembra um terminal de dados, e não um folheto de banco.

O problema do setor

Site de gestora costuma cair em um de dois extremos. Ou é um bloco de texto institucional com foto de prédio espelhado, que ninguém lê, ou é uma promessa de rentabilidade com gráfico subindo, que o regulador não deixa sustentar. O público desse tipo de página, investidor qualificado ou alguém que se imagina assim, quer sinal de método: de onde vem o retorno, em que setores, com que critério de alocação. A página precisa transmitir sobriedade sem ficar monótona, e precisa fazer isso sem prometer número nenhum.

As decisões de projeto

• Estética de terminal, não de banco. Fundo quase preto, verde como único acento, Cormorant Garamond nos títulos e IBM Plex Mono em menu, rótulos e dados. Os rótulos de seção aparecem entre colchetes ([ Capital Paciente ], [ Setores de Atuação ]) e uma barra no hero mostra um relógio em BRT e as coordenadas de Belo Horizonte. O conjunto lê como painel de operação.
• Scroll como narrativa. O hero tem um gráfico de linha em SVG que se desenha sobre a foto. A seção da tese é um baralho de três cartões fixado na tela enquanto o usuário rola, com contador 01 a 03. Os três pilares (Energia e Transmissão, Saneamento Básico, Setor Financeiro) trocam em cena um por vez. A metodologia é uma linha do tempo cuja espinha cresce conforme a leitura avança.
• Dados ilustrativos tratados como dados. A seção Tese Fundamentalista mostra ativos sob gestão, yield médio e volatilidade com contadores animados e um título com efeito de embaralhamento de letras. Os valores são de demonstração e o rodapé declara que todos os dados são fictícios. A ideia é exibir o recurso, não vender um fundo.
• Bilíngue sem recarregar. Um toggle PT/EN no cabeçalho troca todos os textos marcados com data-i18n a partir de um dicionário em JavaScript, inclusive os trechos com HTML interno.
• SEO de peça de portfólio. Title, description, Open Graph, Twitter Card e JSON-LD FinancialService preenchidos, com canonical apontando para o portfólio da ALB Seven, para que o subdomínio do demo não concorra com o site da agência na busca.
• CTA que leva à agência. O botão Iniciar Conversa e o link Quero um site assim abrem o WhatsApp da ALB Seven com mensagem já montada. Não há formulário nem coleta de dados: um demo não precisa de backend.

Stack

HTML, CSS e JavaScript puros, sem framework nem etapa de build. O CSS é dividido por área (base, hero, seções, CTA) e o JavaScript em módulos por seção (hero, tese, pilares, metodologia, terminal, liderança, CTA, i18n), carregados em ordem por um main.js único. Fontes via Google Fonts, animação com GSAP 3.12 e ScrollTrigger, rolagem suave com Lenis.

O que isso demonstra

Que um site de nicho financeiro pode ter personalidade visual forte e continuar sóbrio, e que animação guiada por scroll funciona sem React quando a página é única e o conteúdo é fixo. A gestora é inventada; a página está no ar e pode ser percorrida de ponta a ponta.