What websites look like Facebook?

Hasura, Buttondown, Instagram, IKEA, Coolors have the closest design to Facebook, measured from their live pages: light or dark background, accent color, fonts, corners and headline size.

Websites like facebook.com

Websites like Facebook

Facebook's website is light (#FFFFFF), with Optimistic, 120px headlines at weight 700, 16px corners and a blue accent (#0064E0). These 12 sites share the most of that look, closest first.

What each site is compared with

Facebook

Background: Light #FFFFFF
Accent: Blue #0064E0
Font: Optimistic
Corners: 16px, pill buttons
Headlines: 120px, weight 700

Hasura3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #3970FD
Same
Font
Inter
Differs
Corners
12px, pill buttons
Close
Headlines
120px, weight 700
Same
Buttondown3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0069FF
Same
Font
Auto Pro / Inter
Differs
Corners
14px, pill buttons
Same
Headlines
96px, weight 900
Close
Instagram2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0064E0
Same
Font
Instagram Sans / Optimistic
Close
Corners
22px
Close
Headlines
40px, weight 400
Differs
IKEA2 of 5 same
Background
Light #FFFEFB
Same
Accent
Blue #0159A3
Same
Font
Omani Rial
Differs
Corners
20px, pill buttons
Close
Headlines
102px, weight 700
Close
Coolors3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #2563EB
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
110px, weight 800
Same
Any.do3 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0083FF
Same
Font
Poppins / Inter
Differs
Corners
17px, pill buttons
Same
Headlines
72px, weight 700
Differs
MongoDB3 of 5 same
Background
Light #FDFFF5
Same
Accent
Blue #006CFA
Same
Font
Söhne
Differs
Corners
16px, pill buttons
Same
Headlines
64px, weight 500
Differs
Wix2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #166AEA
Same
Font
Wix Madefor Display V2 / Madefor Display
Differs
Corners
20px, pill buttons
Close
Headlines
83px, weight 400
Differs
Kit2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #44B1FF
Same
Font
Kit Sans / Libre Franklin
Differs
Corners
14px
Close
Headlines
80px, weight 500
Differs
Calendly2 of 5 same
Background
Light #FCFBF8
Same
Accent
Blue #84C1FF
Same
Font
Calendly Sans / Geist
Differs
Corners
16px
Close
Headlines
72px, weight 500
Differs
Messenger2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0866FF
Same
Font
Facebook Sans
Differs
Corners
22px, pill buttons
Close
Headlines
80px, weight 600
Differs
Notion2 of 5 same
Background
Light #FFFFFF
Same
Accent
Blue #0075DE
Same
Font
Inter
Differs
Corners
8px
Differs
Headlines
96px, weight 600
Close

How these are matched

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

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