What websites look like Codecademy?

Nuxt, ESLint, Excalidraw, Shortcut, Datadog have the closest design to Codecademy, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like codecademy.com

Websites like Codecademy

Codecademy's website is light (#FFFFFF), with Apercu, 64px headlines at weight 700, 6px corners and a blue accent (#3A10E5). These 12 sites share the most of that look, closest first.

What each site is compared with

Codecademy

Background: Light #FFFFFF
Accent: Blue #3A10E5
Font: Apercu
Corners: 6px, pill buttons
Headlines: 64px, weight 700

Nuxt3 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #8E51FF
Same
Font
Outfit / Inter
Differs
Corners
6px, pill buttons
Same
Headlines
72px, weight 500
Close
ESLint2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #4B32C3
Same
Font
Space Grotesk / Inter
Differs
Corners
8px
Close
Headlines
66px, weight 500
Close
Excalidraw3 of 5 same
Background
Light #F6F6F9
Same
Accent
Blue #6965DB
Same
Font
Assistant
Differs
Corners
8px, pill buttons
Same
Headlines
45px, weight 700
Differs
Shortcut2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #494BCB
Close
Font
Satoshi
Differs
Corners
10px
Close
Headlines
64px, weight 700
Same
Datadog2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #632CA6
Close
Font
National
Differs
Corners
4px
Close
Headlines
68px, weight 600
Same
Headspace3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0061EF
Differs
Font
Apercu
Same
Corners
24px, pill buttons
Differs
Headlines
72px, weight 700
Same
Stripe2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #533AFD
Same
Font
Söhne
Differs
Corners
6px
Close
Headlines
48px, weight 300
Differs
Superhuman2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #D4C7FF
Same
Font
Super Sans
Differs
Corners
8px
Close
Headlines
49px, weight 460
Differs
DocuSign2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #4C00FF
Same
Font
DSIndigo
Differs
Corners
8px
Close
Headlines
80px, weight 300
Differs
Insomnia2 of 5 same
Background
Light #FFFFFF
Same
Accent
Purple #4000BF
Same
Font
Roboto
Differs
Corners
10px
Close
Headlines
48px, weight 700
Differs
Opera2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #5021FF
Same
Font
Be Vietnam Pro
Differs
Corners
17px
Differs
Headlines
59px, weight 900
Close
Khan Academy2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #5753FA
Same
Font
Plus Jakarta Sans
Differs
Corners
8px
Close
Headlines
42px, weight 700
Differs

How these are matched

Each of the 475 sites in the design library is compared with Codecademy on five things you see at a glance. Background: light or dark, and how close the shade is. Accent: the hue of the color on buttons and links. Font: the same family for headings and body, or one of them. Corners: the typical radius and pill buttons. Headlines: the largest type size and its weight. Same counts most, close counts half. Open any site for its fonts, color codes and a prompt for Claude Code, Cursor, Lovable or v0.

Want Codecademy itself? See Codecademy's fonts and color codes, or print the full report.

Measured from each site's live page as a browser renders it, Codecademy on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.