Codecademy

The new identity is inspired by the graphic cues of coding.

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.

Enlarge 3

Icons for the various programming languages utilize characteristics of the DIN typeface.

Enlarge

CoDIN modifies the DIN letterforms with custom cuts.

Inspired by coding, the identity has been conceived as an adaptive kit of parts that can be extended as the company grows and establishes partnerships with other organizations.

Learn more about the project

Enlarge

Color palette for the redesigned website.

Enlarge

Various elements for the user interface have been designed using a rigorous grid structure.

Enlarge

User profile.

Enlarge

Codecademy app icon.

Engaging and easy to understand, the interface encourages users to share their experiences with each other and helps build a sense of community and collective accomplishment.

Learn more about the project

Enlarge

Codecademy

Brand Identity, Digital Design

Identity and website design for the online platform offering free coding and programming education.

‘Scenes from the City, Revised and Expanded’

Book Design

The 2014 edition of James Sanders' history of the past five decades of film and television shot in NYC.

Codecademy