CodeAI

CodeAI

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