
Stage
Scale Up
Services
Brand Identity
Brand Strategy
Art Direction
Brand Guidelines
Motion Graphics
Sectors
Education
Non-Profit
When Code.org launched in 2013, computer science barely existed in schools. Over the decade since, its curriculum has grown to encompass computational thinking, AI & data science, responsible computing, and human-centered design.
Now, as AI reshapes the world, and education along with it, Code.org has evolved to prepare the next generation. That evolution called for an identity to match: CodeAI.
When Code.org launched in 2013, computer science barely existed in schools. Over the decade since, its curriculum has grown to encompass computational thinking, AI & data science, responsible computing, and human-centered design.
Now, as AI reshapes the world, and education along with it, Code.org has evolved to prepare the next generation. That evolution called for an identity to match: CodeAI.
Typeface: Space Grotesk by Florian Karsten
Typeface: Space Grotesk by Florian Karsten



Typeface: Oracle by ABC Dinamo
Typeface: Oracle by ABC Dinamo
As an evolution of the existing identity, the AI shapes were designed to match the aesthetics of the original CODE.org logo. Their simple geometry opens up the potential to communicate the possibilities of this new era.
In modifying the geometric forms, a range of approaches were used. From handmade illustrations to photography and generative tools, using multiple techniques reinforce the idea that AI isn't a replacement or abdication of craft – just another tool.
As an evolution of the existing identity, the AI shapes were designed to match the aesthetics of the original CODE.org logo. Their simple geometry opens up the potential to communicate the possibilities of this new era.
In modifying the geometric forms, a range of approaches were used. From handmade illustrations to photography and generative tools, using multiple techniques reinforce the idea that AI isn't a replacement or abdication of craft – just another tool.









The CodeAI identity was built to stretch across teachers, students, policymakers, and donors without fraying. Much of that range is carried by the layout system, designed to move between serious and playful expressions without losing coherence. The result is a system that can flex across different audiences and contexts while still feeling optimistic and grounded in the future of education.
The CodeAI identity was built to stretch across teachers, students, policymakers, and donors without fraying. Much of that range is carried by the layout system, designed to move between serious and playful expressions without losing coherence. The result is a system that can flex across different audiences and contexts while still feeling optimistic and grounded in the future of education.




PA Team
Chris Braden, Christa Muio, Noreen Morioka, Valdete Cake, Matthew Boyd, Jade Courroy, Riley McClimond, Adam Globa, Rees Morgan, Demmy Kyoung
PA Team
Chris Braden, Christa Muio, Noreen Morioka, Valdete Cake, Matthew Boyd, Jade Courroy, Riley McClimond, Adam Globa, Rees Morgan, Demmy Kyoung
Credits
Website Design: Good Company
3D Design: Office of TNT
Website Design: Good Company
3D Design: Office of TNT
Credits
