![The new identity is inspired by the graphic cues of coding.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_02.jpg?rect=%2C%2C%2C&w=640&crop=1&fm=jpg&q=70&auto=format&fit=crop&h=400)
The new identity is inspired by the graphic cues of coding.
![CoDIN, a custom font for the identity that was developed from DIN Next.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_03.jpg?rect=%2C%2C%2C&w=640&crop=1&fm=jpg&q=70&auto=format&fit=crop&h=400)
CoDIN, a custom font for the identity that was developed from DIN Next.
1 The new identity is inspired by the graphic cues of coding. 2 CoDIN, a custom font for the identity that was developed from DIN Next. 3 Icons for the various programming languages utilize characteristics of the DIN typeface.
![Icons for the various programming languages utilize characteristics of the DIN typeface.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_04.jpg?rect=%2C%2C%2C&w=640&crop=1&fm=jpg&q=70&auto=format&fit=crop&h=400)
Icons for the various programming languages utilize characteristics of the DIN typeface.
![CoDIN modifies the DIN letterforms with custom cuts.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_05.jpg?rect=%2C%2C%2C&w=640&crop=1&fm=jpg&q=70&auto=format&fit=crop&h=400)
CoDIN modifies the DIN letterforms with custom cuts.
![Color palette for the redesigned website.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_06.jpg?rect=%2C%2C%2C&w=640&fm=jpg&q=70&auto=format)
Color palette for the redesigned website.
![Various elements for the user interface have been designed using a rigorous grid structure.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_07.jpg?rect=%2C%2C%2C&w=640&fm=jpg&q=70&auto=format)
Various elements for the user interface have been designed using a rigorous grid structure.
![User profile.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_13.jpg?rect=%2C%2C%2C&w=640&fm=jpg&q=70&auto=format)
User profile.
![Codecademy app icon.](https://pentagram-production.imgix.net/1cbbfce1-48d5-4257-95e5-745c10e6492e/eo_codecademy_09.jpg?rect=%2C%2C%2C&w=640&fm=jpg&q=70&auto=format)
Codecademy app icon.