What websites look like edX?

pnpm, Lucide, Brex, Zapier, Paddle have the closest design to edX, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like edx.org

Websites like edX

edX's website is light (#FFFFFF), with Inter, 72px headlines at weight 900, 18px corners and an orange accent (#D64000). These 12 sites share the most of that look, closest first.

What each site is compared with

edX

Background: Light #FFFFFF
Accent: Orange #D64000
Font: Inter
Corners: 18px, pill buttons
Headlines: 72px, weight 900

pnpm3 of 5 same
Background
Light #FFFFFF
Same
Accent
Orange #F69220
Close
Font
Inter
Same
Corners
12px, pill buttons
Close
Headlines
64px, weight 800
Same
Lucide2 of 5 same
Background
Light #FFFFFF
Same
Accent
Red #F56565
Close
Font
Inter
Same
Corners
12px, pill buttons
Close
Headlines
56px, weight 700
Close
Brex3 of 5 same
Background
Light #FFFFFF
Same
Accent
Red #FF3D00
Same
Font
Inter
Same
Corners
10px
Differs
Headlines
72px, weight 500
Differs
Zapier2 of 5 same
Background
Light #FFFEFB
Same
Accent
Orange #FF4F00
Same
Font
Degular Display / Inter
Close
Corners
18px
Close
Headlines
56px, weight 500
Differs
Paddle2 of 5 same
Background
Light #F9F8F7
Same
Accent
Red #FF5329
Same
Font
Serrif Condensed / Inter
Close
Corners
12px, pill buttons
Close
Headlines
72px, weight 400
Differs
MyFitnessPal2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Inter
Same
Corners
26px, pill buttons
Close
Headlines
68px, weight 700
Close
Softr2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Satoshi / Inter
Close
Corners
17px, pill buttons
Same
Headlines
64px, weight 700
Close
Pipedrive2 of 5 same
Background
Light #FFFFFF
Same
Accent
Yellow #FFDE00
Differs
Font
Haffer / Inter
Close
Corners
20px, pill buttons
Same
Headlines
80px, weight 700
Close
Vue3 of 5 same
Background
Light #FFFFFF
Same
Accent
Green #42B883
Differs
Font
Inter
Same
Corners
11px
Differs
Headlines
76px, weight 900
Same
Any.do2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0083FF
Differs
Font
Poppins / Inter
Close
Corners
17px, pill buttons
Same
Headlines
72px, weight 700
Close
Cloudinary3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0095FF
Differs
Font
Inter
Same
Corners
19px, pill buttons
Same
Headlines
47px, weight 300
Differs
SavvyCal1 of 5 same
Background
Light #FCF7ED
Close
Accent
Red #F54320
Same
Font
GT Alpina Condensed / Inter
Close
Corners
6px
Differs
Headlines
88px, weight 700
Close

How these are matched

Each of the 475 sites in the design library is compared with edX 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 edX itself? See edX's fonts and color codes, or print the full report.

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