arrow_external-link_largearrow_external-link_smallarrow_load-morearrow_next_detailarrow_next_detail_mobilearrow_next_slideshowarrow_prev_detailarrow_prev_detail_mobilearrow_prev_slideshowarrow_scroll-down_mobilecloseclose_mobilefilters_clearlogo_largelogo_mediumlogo_smallplayplussearchsearch_mobile
Pentagram

Codecademy

Brand Identity, Digital Design

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

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

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

CoDIN, a custom font for the identity that was developed from DIN Next. Zoom Enlarge 2

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. Zoom Enlarge 3

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

CoDIN modifies the DIN letterforms with custom cuts. Zoom Enlarge

CoDIN modifies the DIN letterforms with custom cuts.

Color palette for the redesigned website. Zoom Enlarge

Color palette for the redesigned website.

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

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

User profile. Zoom Enlarge

User profile.

Codecademy app icon. Zoom Enlarge

Codecademy app icon.