{"id":25799,"date":"2023-09-26T13:49:47","date_gmt":"2023-09-26T13:49:47","guid":{"rendered":"https:\/\/building.nubank.com\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/"},"modified":"2024-03-05T15:20:04","modified_gmt":"2024-03-05T15:20:04","slug":"o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank","status":"publish","type":"post","link":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/","title":{"rendered":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank"},"content":{"rendered":"\n

Escrito por Carla Demarchi, Eduardo Roder, Enzo Zuccolotto e Marina Brustello<\/em><\/p>\n\n\n\n

No mundo em constante evolu\u00e7\u00e3o dos aplicativos digitais, a funcionalidade Modo Escuro<\/a> surgiu como uma virada de jogo, melhorando a experi\u00eancia do usu\u00e1rio em v\u00e1rias plataformas. Uma empresa que aproveitou com sucesso o poder dessa funcionalidade \u00e9 o Nubank, um l\u00edder no setor de fintech. <\/p>\n\n\n\n

Este artigo levar\u00e1 voc\u00ea em uma jornada perspicaz, explorando como o Nubank integrou de forma inovadora o Modo Escuro em seu aplicativo, respondendo \u00e0s demandas dos usu\u00e1rios e estabelecendo novos padr\u00f5es no setor. Da g\u00eanese da ideia ao processo de desenvolvimento, supera\u00e7\u00e3o de desafios e rea\u00e7\u00f5es dos usu\u00e1rios, nos aprofundamos em todos os aspectos desta fascinante jornada. <\/p>\n\n\n\n

Seja voc\u00ea um entusiasta de tecnologia, um usu\u00e1rio do Nubank ou algu\u00e9m interessado em design centrado no usu\u00e1rio, este aprofundamento na inova\u00e7\u00e3o do Modo Escuro do Nubank oferece insights valiosos. Ent\u00e3o, prepare-se para iluminar seu entendimento sobre o Modo Escuro e descobrir como o Nubank est\u00e1 redefinindo a experi\u00eancia do usu\u00e1rio no mundo fintech.<\/p>\n\n\n\n

A decis\u00e3o de introduzir o Modo Escuro no app do Nubank estava longe de ser arbitr\u00e1ria. Foi uma manobra calculada, impulsionada por uma fus\u00e3o entre as solicita\u00e7\u00f5es dos clientes e as tend\u00eancias digitais prevalecentes. Curiosamente, apesar de n\u00e3o ser um produto financeiro, o clamor por esse recurso foi notavelmente alto entre a clientela do Nubank. Essa demanda, aliada \u00e0 crescente popularidade do Modo Escuro na esfera digital, estimulou o Nubank a embarcar na aventura de criar esse recurso para seu aplicativo.<\/p>\n\n\n\n

A elabora\u00e7\u00e3o do Modo Escuro foi um processo complexo que envolveu v\u00e1rios est\u00e1gios e equipes. A viagem come\u00e7ou com a equipe de design, que imaginou a est\u00e9tica do Modo Escuro. A utiliza\u00e7\u00e3o de tokens de sistema de design foi fundamental nesta fase, capacitando a equipe a delinear cores, tipografia e espa\u00e7amentos que se harmonizassem com temas claros e escuros.<\/p>\n\n\n\n

Um design token, para quem n\u00e3o sabe, \u00e9 um valor \u00fanico que representa um atributo visual ou funcional espec\u00edfico usado em sistemas de design para garantir uma implementa\u00e7\u00e3o de design consistente e eficiente em diferentes plataformas e dispositivos.<\/p>\n\n\n\n

Simultaneamente, a equipe de engenharia estava trabalhando para transmutar esses projetos em um recurso funcional. Uma estrat\u00e9gia chave empregada durante esta fase foi a abordagem \u201cquebra galho\u201d, que \u00e9 usada quando uma determinada tela n\u00e3o \u00e9 atualizada na vers\u00e3o mais recente do Nu Design System (ou seja, os tokens n\u00e3o est\u00e3o dispon\u00edveis para a vers\u00e3o atual, portanto, a tela \u201cn\u00e3o saberia\u201d como mudar as cores do Modo Escuro. <\/p>\n\n\n\n

Com essa abordagem, em vez de ter que atualizar mais de 3 mil telas uma por uma e atrasar o lan\u00e7amento do recurso, conseguimos entreg\u00e1-lo com mais rapidez.<\/p>\n\n\n\n

Navegando pelos desafios<\/h2>\n\n\n\n

A jornada n\u00e3o foi sem obst\u00e1culos. O principal desafio foi a magnitude da tarefa: adaptar as 3.000 telas do aplicativo Nubank para o Modo Escuro. Isto exigiu uma abordagem meticulosa e um mecanismo de teste robusto para garantir consist\u00eancia e funcionalidade em todas as telas.<\/p>\n\n\n\n

O principal benef\u00edcio dos tokens de sistema de design reside na sua capacidade de produzir experi\u00eancias de usu\u00e1rio consistentes e confi\u00e1veis. Esses tokens, ao trazerem uniformidade \u00e0s escolhas de design, reduzem a carga cognitiva do usu\u00e1rio, abrindo caminho para uma interface de usu\u00e1rio mais instintiva e agrad\u00e1vel. Al\u00e9m disso, agilizam o design e o desenvolvimento, permitindo que as equipes priorizem ideias inovadoras e melhorias na jornada do usu\u00e1rio, em vez de lutarem com as irregularidades e repeti\u00e7\u00f5es que podem ocorrer durante o processo de design.<\/p>\n\n\n\n

Outro obst\u00e1culo significativo foi a complexidade t\u00e9cnica envolvida na implementa\u00e7\u00e3o do Modo Escuro. Isso exigiu que a equipe desenvolvesse um mecanismo alternativo que permitiria que o aplicativo mudasse para o Modo Escuro, garantindo um servi\u00e7o ininterrupto aos usu\u00e1rios.<\/p>\n\n\n\n

Depois que o Modo Escuro foi criado, ele passou por rigorosos testes internos. A funcionalidade do recurso foi examinada e quaisquer falhas foram identificadas e corrigidas. O feedback tamb\u00e9m foi coletado dos Nubankers e dos membros da NuCommunity, fornecendo informa\u00e7\u00f5es valiosas que ajudaram a refinar ainda mais o Modo Escuro.<\/p>\n\n\n\n

Itera\u00e7\u00e3o, aprimoramento e avalia\u00e7\u00e3o de sucesso<\/h2>\n\n\n\n

O feedback recebido desempenhou um papel fundamental no processo iterativo de aprimoramento do Modo Escuro. Com base no feedback, foram feitas modifica\u00e7\u00f5es significativas no design e na funcionalidade do recurso. Por exemplo, a apar\u00eancia das guias do aplicativo no Modo Escuro foi ajustada para melhorar a visibilidade e a facilidade de uso.<\/p>\n\n\n\n

A revela\u00e7\u00e3o do Modo Escuro foi recebida com expectativa e entusiasmo. O seu sucesso foi avaliado com base no feedback do usu\u00e1rio e nos dados de uso. A resposta positiva dos usu\u00e1rios foi um claro indicador do sucesso do recurso.<\/p>\n\n\n\n

O feedback dos usu\u00e1rios p\u00f3s-lan\u00e7amento foi extremamente positivo, com muitos apreciando a nova interface visualmente atraente. O aspecto mais gratificante do processo de desenvolvimento foi testemunhar o impacto positivo do Modo Escuro na experi\u00eancia do usu\u00e1rio. O projeto tamb\u00e9m destacou a import\u00e2ncia do design centrado no usu\u00e1rio e o valor do desenvolvimento iterativo baseado no feedback do cliente.<\/p>\n\n\n\n

Considera\u00e7\u00f5es sobre design<\/h2>\n\n\n\n

Equilibrando est\u00e9tica e funcionalidade no Modo Escuro<\/h2>\n\n\n\n

A busca pelo equil\u00edbrio permeou todo o projeto de concep\u00e7\u00e3o do Modo Escuro. Um excelente exemplo foi a decis\u00e3o de adotar o preto puro como cor de fundo. A inten\u00e7\u00e3o era tornar a experi\u00eancia do nosso aplicativo o mais nativa poss\u00edvel, combinando com sistemas operacionais populares como iOS e Android. Al\u00e9m disso, dispositivos com telas OLED apagam a luz para pixels pretos puros, o que pode auxiliar na conserva\u00e7\u00e3o da bateria.<\/p>\n\n\n\n

Outro exemplo foi quando optamos por uma paleta de cinzas neutros, quando poder\u00edamos ter escolhido cinzas frios ou quentes. Esta foi uma decis\u00e3o que hav\u00edamos tomado anteriormente, com a revis\u00e3o da nossa cor base, mesmo em Modo Claro. Com o Modo Escuro refor\u00e7amos a decis\u00e3o com o intuito de manter um quadro em branco para que as experi\u00eancias dos produtos se destaquem, sem uma interfer\u00eancia crom\u00e1tica nos neutros, pois aparecem com muita frequ\u00eancia na interface.<\/p>\n\n\n\n

Superando desafios de design no Modo Escuro<\/h2>\n\n\n\n

Nas itera\u00e7\u00f5es iniciais do Modo Escuro, a invers\u00e3o de cores fez com que as superf\u00edcies que usavam o roxo caracter\u00edstico do Nubank ficassem claras (roxo claro), com texto em preto. Entendemos que essa combina\u00e7\u00e3o se distanciava da nossa marca, por isso trabalhamos para manter o aspecto visual do Modo Claro em alguns contextos. Escurecemos o roxo apenas o suficiente, reduzimos um pouco a satura\u00e7\u00e3o e mantivemos os textos brancos no topo dessas superf\u00edcies, como nos bot\u00f5es.<\/p>\n\n\n\n

Outro desafio relacionado foi o roxo da conta PJ, que \u00e9 mais escuro que o tradicional. Tamb\u00e9m escurecemos esse roxo para o Modo Escuro, mas neste caso, precis\u00e1vamos resolver um problema de contraste, pois nem sempre essa cor aparecia o suficiente em combina\u00e7\u00e3o com os tons de cinza escuro da interface. Para resolver isso, fizemos algumas itera\u00e7\u00f5es testando diferentes taxas de contraste at\u00e9 chegarmos a um equil\u00edbrio entre essas necessidades.<\/p>\n\n\n\n

Garantindo uma melhor experi\u00eancia visual em ambientes com pouca luz<\/h2>\n\n\n\n

Trabalhamos para que mesmo com a redu\u00e7\u00e3o do brilho, o Modo Escuro ainda atenda \u00e0s taxas m\u00ednimas de contraste, que foram ajustadas para garantir uma boa experi\u00eancia. Al\u00e9m disso, ajustamos as cores dos textos, para que fiquem mais claros no fundo preto, evitando um contraste exagerado, bem como a redu\u00e7\u00e3o da satura\u00e7\u00e3o das cores, para que n\u00e3o brilhem muito no contexto escuro e criem um desconforto para os olhos.<\/p>\n\n\n\n

Considera\u00e7\u00f5es sobre cansa\u00e7o visual e acessibilidade<\/h2>\n\n\n\n

Embora o Modo Escuro n\u00e3o seja uma solu\u00e7\u00e3o focada em acessibilidade, h\u00e1 uma melhora consider\u00e1vel em rela\u00e7\u00e3o ao uso do modo por pessoas com defici\u00eancia visual, como baixa vis\u00e3o e fotofobia. A redu\u00e7\u00e3o da lumin\u00e2ncia emitida pelas telas dos dispositivos auxilia na ergonomia visual ao diminuir o cansa\u00e7o visual, adequar o brilho \u00e0s condi\u00e7\u00f5es de ilumina\u00e7\u00e3o do momento e facilitar o uso da tela em ambientes mais escuros.<\/p>\n\n\n\n

Alinhando o Modo Escuro aos princ\u00edpios de design do Nubank<\/h2>\n\n\n\n

A efici\u00eancia inteligente foi um dos pilares de todo o projeto, procurando solu\u00e7\u00f5es simples e escal\u00e1veis como ponto de partida. Um exemplo \u00e9 que nosso objetivo no lan\u00e7amento inicial era fazer com que as mesmas ilustra\u00e7\u00f5es funcionassem bem nos modos Claro e Escuro, evitando a complexidade de ter uma vers\u00e3o escura para cada ilustra\u00e7\u00e3o no in\u00edcio.<\/p>\n\n\n\n

Para isso, ajustamos alguns detalhes no sistema para que as ilustra\u00e7\u00f5es tamb\u00e9m funcionassem no Modo Escuro. Como no caso das sombras projetadas no ch\u00e3o, que desaparecem propositalmente no contexto escuro. Ou cinza bem claro, que ficamais escuro para ganhar mais contraste entre eles.<\/p>\n\n\n\n

Conclus\u00e3o<\/h2>\n\n\n\n

A jornada de desenvolvimento do Modo Escuro tem sido uma prova do compromisso do Nubank com a inova\u00e7\u00e3o centrada no usu\u00e1rio. O recurso teve um impacto significativo na experi\u00eancia do usu\u00e1rio, fornecendo uma interface visualmente atraente e confort\u00e1vel. O processo de desenvolvimento, desde a decis\u00e3o inicial de introdu\u00e7\u00e3o do Modo Escuro at\u00e9 a sua implementa\u00e7\u00e3o final, foi marcado por um compromisso de melhoria cont\u00ednua com base no feedback dos usu\u00e1rios. Encorajamos todos os usu\u00e1rios a explorar e usar a funcionalidade Modo Escuro no aplicativo do Nubank e esperamos continuar aprimorando esse recurso com base em seus coment\u00e1rios.<\/p>\n\n\n\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.<\/p>\n","protected":false},"author":178110165,"featured_media":25254,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2514,2549],"tags":[2566,2517,2515],"ppma_author":[2382],"class_list":["post-25799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-stories-pt-br","category-product-pt-br","tag-building-products-pt-br","tag-construindo-historias","tag-trabalhar-no-nu"],"acf":[],"yoast_head":"\nO nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank<\/title>\n<meta name=\"description\" content=\"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank\" \/>\n<meta property=\"og:description\" content=\"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/\" \/>\n<meta property=\"og:site_name\" content=\"Building Nubank\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-26T13:49:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-05T15:20:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR-1024x683.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"BU Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"BU Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/\"},\"author\":{\"name\":\"BU Team\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\"},\"headline\":\"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank\",\"datePublished\":\"2023-09-26T13:49:47+00:00\",\"dateModified\":\"2024-03-05T15:20:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/\"},\"wordCount\":1654,\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1\",\"keywords\":[\"building products\",\"construindo hist\u00f3rias\",\"Trabalhar no Nu\"],\"articleSection\":[\"Building Stories\",\"Product\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/\",\"name\":\"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1\",\"datePublished\":\"2023-09-26T13:49:47+00:00\",\"dateModified\":\"2024-03-05T15:20:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\"},\"description\":\"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1\",\"width\":6240,\"height\":4160,\"caption\":\"People working at Nu office at Colombia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/\",\"name\":\"Building Nubank\",\"description\":\"We make the extraordinary happen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\",\"name\":\"BU Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=gafb79d3b49f79ad7d9387b30a411ce10\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g\",\"caption\":\"BU Team\"},\"url\":\"https:\\\/\\\/building.nubank.com\\\/pt-br\\\/author\\\/team\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank","description":"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/","og_locale":"pt_BR","og_type":"article","og_title":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank","og_description":"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.","og_url":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/","og_site_name":"Building Nubank","article_published_time":"2023-09-26T13:49:47+00:00","article_modified_time":"2024-03-05T15:20:04+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR-1024x683.jpg","type":"image\/jpeg"}],"author":"BU Team","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"BU Team","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#article","isPartOf":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/"},"author":{"name":"BU Team","@id":"https:\/\/building.nubank.com\/pt-br\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a"},"headline":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank","datePublished":"2023-09-26T13:49:47+00:00","dateModified":"2024-03-05T15:20:04+00:00","mainEntityOfPage":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/"},"wordCount":1654,"image":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1","keywords":["building products","construindo hist\u00f3rias","Trabalhar no Nu"],"articleSection":["Building Stories","Product"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/","url":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/","name":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank - Building Nubank","isPartOf":{"@id":"https:\/\/building.nubank.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#primaryimage"},"image":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1","datePublished":"2023-09-26T13:49:47+00:00","dateModified":"2024-03-05T15:20:04+00:00","author":{"@id":"https:\/\/building.nubank.com\/pt-br\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a"},"description":"O processo de desenvolvimento do Modo Escuro foi marcado por um compromisso com a melhoria cont\u00ednua com base no feedback dos usu\u00e1rios.","breadcrumb":{"@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#primaryimage","url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1","contentUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1","width":6240,"height":4160,"caption":"People working at Nu office at Colombia"},{"@type":"BreadcrumbList","@id":"https:\/\/building.nubank.com\/pt-br\/o-nascimento-do-modo-escuro-uma-viagem-pela-evolucao-dos-apps-do-nubank\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/building.nubank.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"O nascimento do Modo Escuro: uma viagem pela evolu\u00e7\u00e3o dos apps do Nubank"}]},{"@type":"WebSite","@id":"https:\/\/building.nubank.com\/pt-br\/#website","url":"https:\/\/building.nubank.com\/pt-br\/","name":"Building Nubank","description":"We make the extraordinary happen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/building.nubank.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/building.nubank.com\/pt-br\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a","name":"BU Team","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=gafb79d3b49f79ad7d9387b30a411ce10","url":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","caption":"BU Team"},"url":"https:\/\/building.nubank.com\/pt-br\/author\/team\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/09\/1004-www.victoriaholguin.com-Victoria-Holguin-_DSF9882-Mejorado-NR.jpg?fit=6240%2C4160&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pbKBB5-6I7","jetpack_sharing_enabled":true,"authors":[{"term_id":2382,"user_id":178110165,"is_guest":0,"slug":"team","display_name":"BU Team","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/posts\/25799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/users\/178110165"}],"replies":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/comments?post=25799"}],"version-history":[{"count":3,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/posts\/25799\/revisions"}],"predecessor-version":[{"id":28513,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/posts\/25799\/revisions\/28513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/media\/25254"}],"wp:attachment":[{"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/media?parent=25799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/categories?post=25799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/tags?post=25799"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/building.nubank.com\/pt-br\/wp-json\/wp\/v2\/ppma_author?post=25799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}