Destaques
Redesenhamos o foura.ai do zero e aplicamos o novo visual em todas as propriedades da FourA em dois dias. Blog, docs, portal de atualizações, páginas de autenticação, templates de email, páginas de erro. Se tem o nome da FourA, agora está padronizado. No lado da infraestrutura, reformulamos o sistema de monitoramento para eliminar alertas falsos e adicionamos thresholds configuráveis com um log de incidentes adequado.
Novidades
Redesign Completo do Site
O site principal passou por uma reformulação visual completa. Nova tipografia (Outfit), paleta de cores índigo e suporte adequado a temas dark/light com opção de padrão do sistema. Cada componente foi reconstruído: cartões de preço, o playground, landing pages, páginas de contato e legais, e a seção de visualização do dashboard (que agora mostra HTML ao vivo em vez de capturas de tela estáticas).
Adicionamos meta tags OG server-side, então compartilhar um link da FourA no Slack ou Discord mostra o título e descrição corretos para cada página. E se você já estiver logado, os botões mudam de "Try Free" para "Go to Dashboard" automaticamente.
Um Design System, em Todos os Lugares
Um único redesign é bom. Consistência em todos os pontos de contato é o que faz a diferença. Aplicamos o mesmo design system no:
- Blog e Docs com nova tipografia, cores e cabeçalhos padronizados
- Portal de atualizações totalmente alinhado com o site principal
- Páginas de autenticação onde todo fluxo de login e cadastro agora segue o visual da FourA
- Templates de email para notificações de chave de API, avisos de cota e alertas de monitoramento
- Páginas de erro para que até um 502 mantenha a identidade da marca
Configure o dark mode uma vez, e ele te acompanha em todos os lugares. Construímos sincronização de temas cross-site usando um cookie compartilhado em .foura.ai com três estados: system, light e dark. Sua preferência persiste entre abas e sessões.
Command Palette Cmd+K
Pressione Cmd+K (ou Ctrl+K) no blog, docs ou portal de atualizações. Você ganha pesquisa e navegação instantâneas. Quando o campo de pesquisa está vazio, ele mostra destinos disponíveis. Comece a digitar e ele filtra o conteúdo em tempo real. Uma pequena feature, grande ganho de qualidade de vida.
Preços em Várias Moedas
A página de preços agora detecta sua localização via dados de geo e mostra os valores na sua moeda local. USD, EUR e GBP no lançamento. As taxas de câmbio são atualizadas semanalmente a partir de dados de mercado ao vivo, e o banco de dados de geo atualiza a cada duas semanas. Sem mais adivinhações sobre o quanto você realmente vai pagar.
Nos Bastidores
Reformulação do Monitoramento
Alertas falsos eram o problema principal. Nosso monitoramento de CPU comparava o uso de single-core com os limites de containers multi-core. Um processo Node.js a 90% de um núcleo em um container de 4 núcleos representa 22.5% no total, não 90%. Normalizamos todas as métricas de CPU para a capacidade real do container.
A avaliação do rate limit mudou da contagem por instância para o API gateway, onde os limites são de fato aplicados. Isso acabou com os falsos avisos de "approaching rate limit" que eram causados pela contagem de tráfego entre serviços internos.
Os thresholds agora ficam no banco de dados com uma API completa para leitura e edição. Podemos ajustar a sensibilidade dos alertas sem precisar de redeploy. Também adicionamos um log de incidentes com histerese, para que um serviço oscilando entre estados não dispare 50 notificações.
O Fantasma das 19.000 Requests
Um erro de parsing no nosso pipeline de request causou um vazamento no contador de requests ativas. Validações com falha incrementavam a contagem mas nunca a decrementavam. O serviço de proxy routing estava reportando 19.390 requests "ativas". O número real era cerca de 20. Corrigimos isso envolvendo o rastreamento de request em um tratamento de erros adequado.
Infraestrutura
Nosso analytics warehouse mudou para uma nova versão LTS com ajuste de performance: TTL de 7 dias em tabelas de log do sistema, threads de background reduzidas e mais margem de memória (headroom). O armazenamento do proxy recebeu o mesmo aumento de margem. No lado de CI, adicionamos concurrency groups para evitar race conditions de deploy quando múltiplos workflows são disparados ao mesmo tempo.
Mas a mudança mais voltada para o futuro talvez seja a menor. Adicionamos o arquivo llms.txt para que assistentes de IA possam ler uma descrição estruturada do que a FourA faz. Estamos em 2026. Uma parcela crescente de desenvolvedores encontra ferramentas através de IA, não de motores de busca. É melhor facilitar isso.