O design do Firefox para o futuro

• O novo design do Firefox, Project Nova, não substitui o navegador atual; é um trabalho de reorganização do Firefox sobre uma base mais consistente e limpa
• Os recursos de privacidade passam a ter mais destaque, facilitando encontrar a VPN gratuita integrada, a navegação privada, as opções de dados e o controle para desligar recursos de IA
• Sem tratar o bloqueio de rastreadores e a velocidade como um dilema, o Firefox prioriza primeiro o conteúdo principal, e o tempo de carregamento das páginas principais melhorou 9% no último ano
• O fluxo de trabalho melhora com maior acessibilidade a grupos de abas, visualização dividida, abas verticais e com o retorno do compact mode a pedido dos usuários
• Componentes arredondados, novos ícones, cores e textos, além da atenção a temas e acessibilidade, são reunidos em um sistema de design compartilhado para aumentar a consistência entre desktop e mobile

---

A direção do Project Nova

• A recente reformulação do design e do sistema de design do Firefox tem foco em tornar o navegador mais limpo, acolhedor, rápido e adaptável sobre uma base mais consistente
• O nome interno é Project Nova, e não se trata de um novo navegador para substituir o Firefox atual, mas de um trabalho de reorganizar elementos já existentes
• O novo design deve ser lançado no fim deste ano e continuará sendo oferecido aos usuários como Firefox
• O Firefox busca ser um navegador que ofereça privacidade e práticas claras de dados como padrão desde o momento da escolha
• O novo design torna recursos como a VPN gratuita integrada e a navegação privada mais fáceis de encontrar e usar
• A tela de configurações foi redesenhada para facilitar o entendimento e a execução de escolhas relacionadas a dados
• Inclui um controle para desligar completamente os recursos de IA, textos mais fáceis de entender e ajustes na Enhanced Tracking Protection de acordo com o equilíbrio entre proteção e usabilidade desejado pelo usuário

Velocidade, fluxo de trabalho e interface

• No Firefox, bloquear rastreadores também acelera o carregamento de páginas, e privacidade e velocidade não são vistas como coisas em conflito
• O conteúdo principal da página é priorizado antes dos elementos opcionais ao redor, e o tempo de carregamento do conteúdo principal das páginas melhorou 9% no último ano
• O novo design aumenta a acessibilidade de grupos de abas, visualização dividida e abas verticais, facilitando o uso de recursos de produtividade
• Atendendo a pedidos dos usuários, o compact mode está de volta para quem quer usar os controles do navegador no menor espaço possível
• O design do Firefox busca parecer moderno sem ser genérico, acolhedor sem perder a precisão, e mais expressivo sem se destacar mais do que a própria web
• As abas passam a ter formas mais suaves e gradientes discretos, reforçando a presença da aba ativa e adicionando uma sensação de luz ao redor da chrome do navegador
• Painéis, menus, configurações e controles do navegador passam a usar componentes mais arredondados e consistentes, para parecerem partes do mesmo sistema
• Os ícones foram atualizados para parecerem mais limpos e equilibrados em temas claro e escuro, ajudando no reconhecimento rápido sem aumentar o ruído visual
• O espaçamento em toda a interface foi reajustado levando em conta um ambiente de uso prolongado do navegador
• A nova paleta de cores se inspira na sensação de fogo, incluindo brilho ao redor da aba ativa, roxos escuros com aspecto esfumaçado e tons claros que adicionam calor
• Os textos do Firefox passam a ser mais diretos e humanos, às vezes com um tom mais brincalhão ou mais intenso, mas mantendo a autenticidade
• Tokens reutilizáveis, componentes, padrões e uma linguagem de design compartilhada facilitam a evolução do Firefox sem que novos recursos pareçam apenas adicionados por cima, mas sim integrados
• A reformulação é mais visível no desktop, mas também oferece uma experiência do Firefox mais consistente no mobile por meio de cores, ícones, textos e bases de design compartilhados
• Como um navegador personalizável com DNA open source, o Firefox adiciona novos temas e papéis de parede
• Com o tempo, o Firefox também está explorando mais controles para ajustar formas da interface, como abas, componentes e tratamentos visuais relacionados
• A acessibilidade é tratada como um elemento central da personalização, considerando contraste, legibilidade, estados de foco, comportamento do teclado, tamanho dos alvos, configurações do sistema, conforto visual, temas e o comportamento da interface em toda a janela
• Para muitos usuários, o modo escuro não é apenas uma preferência, mas o ambiente padrão; para alguns, é uma forma de reduzir o cansaço visual, e para outros faz parte de um conjunto mais amplo de configurações do sistema
• O Firefox vem sendo desenvolvido publicamente com a ajuda de contribuidores e apoiadores do mundo todo, e os usuários participam do processo de criar, testar, expandir e melhorar o navegador
• O novo sistema de design ainda está em formação, e a equipe continua recebendo feedback sobre o que funciona bem e o que atrapalha
• A Mozilla está recebendo opiniões sobre o Project Nova no Mozilla Connect

[GN⁺]

Comentários do Lobste.rs

• No modo compacto, pelo menos não deve rolar aquela bobagem de “abas/barra de endereços como ilhas flutuando separadas”

  • Tentei entender por que o estilo separado virou moda nos últimos anos, mas especialmente o Liquid Glass da Apple me parece tão obviamente errado
    A hierarquia visual é ruim, totalmente enganosa e ainda desperdiça bastante espaço
    Na nova estrutura dividida do Firefox, há também um problema com a hierarquia visual tradicional, então, pensando bem, admito com certa relutância que existe um argumento legítimo no caso específico do Firefox, mas na maioria das aplicações isso simplesmente parece idiota
    Eu realmente queria saber o que passa pela cabeça de quem faz esse tipo de coisa
    Por exemplo, em https://apple.com/newsroom/2025/… a barra lateral esquerda desta imagem está recuada para dentro, o que está simplesmente errado, o vídeo ao fundo tem uma inconsistência esquerda-direita ridícula, e a captura de tela do Messages no final mostra ainda melhor o absurdo da barra lateral esquerda recuada. Basta pensar na hierarquia de informação apresentada

• Abri a aba com medo por causa do título, mas foi uma surpresa bem agradável ver que, em sua maior parte, são coisas que não me incomodam muito
  Não estou sendo sarcástico; hoje em dia, quando vejo algo como “design para o futuro”, já espero um desastre

• Não sei se realmente havia necessidade de fazer um redesenho da UI, já que ela já era suficientemente funcional e moderna. Ainda assim, provavelmente vou me acostumar em uma semana

• A Mozilla tem sido tão ruim em trabalho de design nos últimos 15 anos que já nem dá mais graça. Esse novo sistema de design já parece datado

  • A Mozilla tem o problema de uma base de usuários em queda, então cada vez mais os usuários que restam são pessoas que a usam há muito tempo, já se acostumaram e gostam dela exatamente como é hoje
    A Mozilla está espremida entre manter sua base atual de usuários auto-selecionados e tentar algo novo para atrair um público mais amplo que ainda não usa o Firefox
  • Sério? Hoje a área de chrome do navegador está tão minimizada que quase não consigo pensar em nenhum design que dê para chamar de ruim
    Especialmente se você usa as novas abas compactas verticais, o navegador inteiro vira basicamente uma barra de endereços fina no topo e uma barra de abas fina à esquerda. Não sei o que teria de tão ridiculamente ruim nisso

• Vou soar como um velho gritando para as nuvens, mas não entendo por que a Mozilla acha que precisa correr atrás da última moda de design como se fosse um adolescente
  Não quero usar o Chrome, mas pelo menos ele parece mais consistente e focado no essencial. UI flutuante me dá raiva
  Será que eles viram gente demais usando i3-gaps depois de passar tempo demais no /r/unixporn? Já existe espaço em branco entre a barra de endereços e a janela principal; por que precisa de mais?
  Digo isso como alguém que escolhe o tamanho de fonte perfeito no terminal para não desperdiçar espaço ao redor das bordas

  • Porque existe um problema que a Mozilla não pode dizer publicamente. O objetivo deles é impedir que o Google seja desmembrado por poder monopolista
    Todo o resto decorre disso
    Como seria uma organização do Firefox operada por uma fundação dedicada ao interesse público?

• A moda de mexer com gradientes e sombras “brilhantes” já pareceu bem legal, mas agora virou um sinal claro de CSS gerado por IA
  Se você pedir ao Claude para “fazer um site”, sai algo muito parecido. Não parece ruim, mas por causa desse contexto eu passo a não gostar porque soa barato

• Houve uma época em que o “futuro” era o skeuomorfismo, e outra em que era sombra sobre vidro e cantos arredondados
  Houve uma época em que o futuro era plano e pontudo, uma época de cores vivas, uma época de tons pastel, e agora sombras sobre vidro voltaram de novo
  Ultimamente, parece que os ciclos estão ficando cada vez mais curtos
  Isso também vai passar

• Gosto da ideia de colocar toques de cor no chrome padrão do navegador em vez de deixar tudo num cinza sem graça
  No meu dispositivo eu provavelmente desligaria isso, mas reconheço que, com as novas combinações de cores, o Firefox vai parecer bem distinto
  “Estamos trazendo de volta o modo compacto. Vocês disseram que sentiam falta dele, e nós ouvimos. Se você quer usar os controles do navegador da forma mais densa possível, este modo é para você.”
  Muito legal. Uso o modo compacto, que estava para ser removido há muito tempo, então fico feliz em vê-lo voltando oficialmente

• “Estamos trazendo de volta o modo compacto. Vocês disseram que sentiam falta dele, e nós ouvimos. Se você quer usar os controles do navegador da forma mais densa possível, este modo é para você.”
  Sou sinceramente grato por isso, mas na verdade ele nunca foi completamente removido
  Em about:config, era só definir browser.compactmode.show como true e depois reativá-lo em “Personalizar barra de ferramentas”
  Só espero muito que o modo compacto do novo design seja tão denso quanto o modo compacto “não suportado” da versão atual

• Tree Style Tab é a resposta. Se eu puder esconder esse lixo e usar o Tree Style Tab, tanto faz o quanto a Mozilla estrague tudo