Guardian adota modo escuro em artigos interativos para reduzir consumo de energia

O site do The Guardian implementou atualizações em seu design, incluindo suporte a modo escuro por meio de consultas de mídia que detectam preferências do usuário. Essa mudança, visível em códigos de estilo que definem cores como #ff5943 para elementos destacados no dark mode, visa adaptar o conteúdo a telas que consomem menos energia em configurações escuras, especialmente em dispositivos com displays OLED.

Essas alterações abrangem fontes personalizadas, como Guardian Headline Full e Guardian Titlepiece, disponíveis em vários pesos e estilos, garantindo legibilidade em diferentes tamanhos de tela. Os estilos também incluem transições suaves de opacidade para elementos interativos, carregados com a classe “interactive-loaded”, o que melhora a experiência do usuário sem comprometer o desempenho.

Além disso, as adaptações para dispositivos iOS e Android incorporam ajustes em layouts de grade, com colunas responsivas que se adaptam a larguras mínimas de 30em a 81.25em, promovendo uma navegação eficiente. Tais inovações destacam esforços para minimizar o impacto ambiental do consumo digital, alinhando-se a práticas sustentáveis no jornalismo online.