What websites look like Messenger?

Headspace, Wix, Box, Loom, Help Scout have the closest design to Messenger, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like messenger.com

Websites like Messenger

Messenger's website is light (#FFFFFF), with Facebook Sans, 80px headlines at weight 600, 22px corners and a blue accent (#0866FF). These 12 sites share the most of that look, closest first.

What each site is compared with

Messenger

Background: Light #FFFFFF
Accent: Blue #0866FF
Font: Facebook Sans
Corners: 22px, pill buttons
Headlines: 80px, weight 600

Headspace4 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0061EF
Same
Font
Apercu
Differs
Corners
24px, pill buttons
Same
Headlines
72px, weight 700
Same
Wix3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #166AEA
Same
Font
Wix Madefor Display V2 / Madefor Display
Differs
Corners
20px, pill buttons
Same
Headlines
83px, weight 400
Close
Box3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0061D5
Same
Font
Inter
Differs
Corners
25px, pill buttons
Close
Headlines
80px, weight 500
Same
Loom3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #1868DB
Same
Font
Charlie Display / Charlie Text
Differs
Corners
20px, pill buttons
Same
Headlines
63px, weight 700
Close
Help Scout3 of 5 same
Background
Light #FAF8F7
Same
Accent
Blue #0064F0
Same
Font
Scoutie Sans
Differs
Corners
28px, pill buttons
Close
Headlines
89px, weight 500
Same
Any.do3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0083FF
Same
Font
Poppins / Inter
Differs
Corners
17px, pill buttons
Close
Headlines
72px, weight 700
Same
Calendly3 of 5 same
Background
Light #FCFBF8
Same
Accent
Blue #84C1FF
Same
Font
Calendly Sans / Geist
Differs
Corners
16px
Close
Headlines
72px, weight 500
Same
IKEA3 of 5 same
Background
Light #FFFEFB
Same
Accent
Blue #0159A3
Same
Font
Omani Rial
Differs
Corners
20px, pill buttons
Same
Headlines
102px, weight 700
Close
Brave3 of 5 same
Background
Light #FAFAFB
Same
Accent
Blue #434FCF
Close
Font
Flecha M / Inter
Differs
Corners
22px, pill buttons
Same
Headlines
80px, weight 500
Same
Docker2 of 5 same
Background
Light #F9FAFB
Same
Accent
Blue #2560FF
Same
Font
Repro / Inter
Differs
Corners
18px
Close
Headlines
64px, weight 500
Close
MongoDB2 of 5 same
Background
Light #FDFFF5
Same
Accent
Blue #006CFA
Same
Font
Söhne
Differs
Corners
16px, pill buttons
Close
Headlines
64px, weight 500
Close
Akamai3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0047E2
Same
Font
Instrument Sans
Differs
Corners
20px, pill buttons
Same
Headlines
60px, weight 600
Differs

How these are matched

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

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