O que é o Brand Motion Toolkit
O case tem um parágrafo de apresentação, e ele já diz o essencial: um kit de After Effects “that packs a lot under the hood”. No capô estão três proporções de tela, várias animações de tipografia, um rig 3D de celular feito sob medida, animações de produto personalizáveis e, na piada do estúdio, mais cores do que a coruja da marca conseguiria piar. O fecho interessa a quem opera: com esse arranjo, o time da Duolingo continua trocando texto, cores e gravações de tela em minutos. O resto da página são seis blocos de animação, cada um com uma legenda curta dizendo o que aquele pedaço faz.
Text Rig, o componente que segura o texto
O primeiro bloco apresenta o componente pelo nome próprio. Um cartão azul anuncia “You can say anything with Text Rig”. O verde completa: “And it stays fully editable + responsive”. O terceiro insiste na parte difícil, repetindo “even with more lines, lines, lines, lines, lines” enquanto o texto cresce e a caixa se reacomoda. O quarto nomeia as entradas prontas: “Bounce on in” ou “slide it in”.
Os personagens vêm de dentro da Duolingo
Ao lado da grade com quatro personagens animados, a Duo de fones, um personagem de turbante regando flores, um bebê de macacão e um urso pescando, está a legenda mais reveladora do case: “Duolingo character animations created by the Duolingo team, fully integrated into the toolkit and swappable on the fly”. A biblioteca não é da Noodle. O trabalho do estúdio foi encaixá-la no kit de modo a trocar um personagem por outro sem refazer a cena.
A ofensiva, com número editável
Um bloco inteiro cuida do streak, a ofensiva de dias seguidos que virou marca do aplicativo. A animação traz a chama da Duolingo e o número é editável “for anything from a first week to a 600-day streak (and beyond)”. As peças usam 18, 55 e 130, ora em fundo branco, ora em degradê laranja.
O rig de celular e o controlador de cor
O rig aceita qualquer gravação de tela e já vem com ângulos de câmera essenciais, “while still leaving room for the team to add their own”. Uma das peças deixa o arquivo à mostra: ao lado do celular renderizado aparece um painel chamado Phone Frame Color Controller, com duas colunas de amostras rotuladas STROKE & EDGE COLOR e BASE COLOR, e um segundo aparelho, em laranja, com os eixos de rotação 3D visíveis.
Dois caminhos para escolher o idioma
São “two different approaches”, diz a legenda, cada um permitindo escolher qualquer dos idiomas mais procurados. O primeiro é a interface do aplicativo: a Duo com um balão perguntando “What would you like to learn?” e uma lista com English, Spanish, French e German. O segundo solta as bandeiras no espaço, sem interface, com Estados Unidos, Espanha, China, Itália e Coreia do Sul.
A cor como interruptor
O último bloco trata dos elementos flexíveis, que deixam o time atualizar as cores da marca e ver tudo responder na hora. A demonstração é o mesmo cartão final, “fun, free & effective language learning.”, repetido em amarelo, roxo, azul e rosa. O texto não se mexe; o fundo e os dois tons de tipografia trocam juntos.
Ficha do projeto
Publicado em 22 de outubro de 2025 e destacado em Best of Behance quatro dias depois. Cliente Duolingo, produção Noodle, direção criativa de Doug Alberts, produção de Lisa Burhanna, animação e expressões de Axel Kinnear e Alex Deaton. Feito em After Effects e Figma, nos campos criativos Branding e Motion Graphics. Os dois donos do projeto no Behance, Doug Alberts e Noodle Studio, estão em Chicago. Em 27 de setembro de 2026, a página somava 65.334 visualizações, 4.729 apreciações e 358 comentários.
No próprio site, a Noodle se define como “a Motion + Design studio”, com o mote “Crafted to al dente”, e lista entre os clientes Discord, Hatch, Netflix, Hulu, Target e TED-Ed. Lá o projeto aparece com nome mais curto, Motion Toolkit.
O que a fonte não informa
O case não nomeia nenhuma fonte tipográfica. A de destaque da Duolingo é a Feather Bold, desenhada sob medida pela Monotype a partir da identidade da Johnson Banks, com formas tiradas da asa da coruja; qual família aparece nas telas de interface, visivelmente outra, o case não diz. Também não informa quais são as três proporções, quantas composições o arquivo tem, qual versão do After Effects exige nem quantos personagens entram na biblioteca. Não há imagem parada em alta nem arquivo para baixar: tudo na página é animação. A Mooni não estima.
