What websites look like Teachable?

Sweetgreen, folk, Heap, Zendesk, Kit have the closest design to Teachable, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like teachable.com

Websites like Teachable

Teachable's website is light (#FFFFFF), with Ivyprestoheadline headings over Peridotpenorm, 75px headlines at weight 400, 15px corners and a green accent (#E6FF32). These 12 sites share the most of that look, closest first.

What each site is compared with

Teachable

Background: Light #FFFFFF
Accent: Green #E6FF32
Font: Ivyprestoheadline / Peridotpenorm
Corners: 15px
Headlines: 75px, weight 400

Sweetgreen2 of 5 same
Background
Light #F4F3E7
Close
Accent
Green #E6FF55
Same
Font
Sweet Sans / Sweet Sans Text
Differs
Corners
15px, pill buttons
Close
Headlines
80px, weight 400
Same
folk3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Uxumgrotesque / Inter
Differs
Corners
14px
Same
Headlines
72px, weight 500
Same
Heap3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Circular Standard / Lettera Text
Differs
Corners
17px
Same
Headlines
72px, weight 400
Same
Zendesk3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Vanilla Sans
Differs
Corners
16px
Same
Headlines
68px, weight 500
Same
Kit3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #44B1FF
Differs
Font
Kit Sans / Libre Franklin
Differs
Corners
14px
Same
Headlines
80px, weight 500
Same
Calendly3 of 5 same
Background
Light #FCFBF8
Same
Accent
Blue #84C1FF
Differs
Font
Calendly Sans / Geist
Differs
Corners
16px
Same
Headlines
72px, weight 500
Same
Synthesia2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Basiersquare
Differs
Corners
18px
Close
Headlines
72px, weight 500
Same
Klarna2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Klarna Title / Klarna Text
Differs
Corners
16px
Same
Headlines
66px, weight 400
Close
Canva2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Differs
Font
Canva Sans
Differs
Corners
12px
Close
Headlines
80px, weight 400
Same
Vimeo2 of 5 same
Background
Light #FAFCFD
Same
Accent
None, monochrome
Differs
Font
ABCRepro
Differs
Corners
12px
Close
Headlines
72px, weight 500
Same
Penpot2 of 5 same
Background
Light #F5F8FB
Same
Accent
None, monochrome
Differs
Font
Work Sans
Differs
Corners
18px
Close
Headlines
72px, weight 400
Same
Tailscale2 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Differs
Font
Inter
Differs
Corners
16px
Same
Headlines
64px, weight 500
Close

How these are matched

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

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