What websites look like MyFitnessPal?

Fillout, Sketch, Softr, Tailscale, Expo have the closest design to MyFitnessPal, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like myfitnesspal.com

Websites like MyFitnessPal

MyFitnessPal's website is light (#FFFFFF), with Inter, 68px headlines at weight 700, 26px corners and no accent color. These 12 sites share the most of that look, closest first.

What each site is compared with

MyFitnessPal

Background: Light #FFFFFF
Accent: None, monochrome
Font: Inter
Corners: 26px, pill buttons
Headlines: 68px, weight 700

Fillout4 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Same
Corners
10px
Differs
Headlines
68px, weight 600
Same
Sketch3 of 5 same
Background
Light #F5F5F5
Same
Accent
None, monochrome
Same
Font
Reckless / Inter
Close
Corners
24px, pill buttons
Same
Headlines
76px, weight 500
Close
Softr3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Satoshi / Inter
Close
Corners
17px, pill buttons
Close
Headlines
64px, weight 700
Same
Tailscale3 of 5 same
Background
Light #F9F7F6
Same
Accent
None, monochrome
Same
Font
Inter
Same
Corners
16px
Differs
Headlines
64px, weight 500
Close
Expo3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Same
Corners
18px
Close
Headlines
48px, weight 600
Differs
Prisma2 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Sora / Inter
Close
Corners
18px
Close
Headlines
62px, weight 500
Close
Pipedream3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Same
Corners
8px
Differs
Headlines
72px, weight 510
Close
Useberry3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter
Same
Corners
8px
Differs
Headlines
56px, weight 700
Close
Freshworks3 of 5 same
Background
Light #F7F7F4
Same
Accent
None, monochrome
Same
Font
Lora / Inter
Close
Corners
24px, pill buttons
Same
Headlines
72px, weight 400
Differs
Attio3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Inter Display / Inter
Close
Corners
9px
Differs
Headlines
64px, weight 600
Same
Evernote3 of 5 same
Background
Light #F9F6F2
Same
Accent
None, monochrome
Same
Font
Figtree / Inter
Close
Corners
6px
Differs
Headlines
72px, weight 600
Same
Hostelworld3 of 5 same
Background
Light #FFFFFF
Same
Accent
None, monochrome
Same
Font
Poppins
Differs
Corners
24px
Close
Headlines
64px, weight 800
Same

How these are matched

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

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