What each site is compared with
Instagram
- Background
- Light #FFFFFF
- Accent
- Blue #0064E0
- Font
- Instagram Sans / Optimistic
- Corners
- 22px
- Headlines
- 40px, weight 400
-
Elastic4 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0B64DD
Same- Font
- Geist Mono / Inter
Differs- Corners
- 21px
Same- Headlines
- 44px, weight 500
Same
-
DeepL3 of 5 same
- Background
- Light #F5F5F5
Same- Accent
- Blue #0F2B46
Same- Font
- Roboto
Differs- Corners
- 20px
Same- Headlines
- 48px, weight 300
Close
-
Facebook2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0064E0
Same- Font
- Optimistic
Close- Corners
- 16px, pill buttons
Close- Headlines
- 120px, weight 700
Differs
-
Kubernetes2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #326CE5
Same- Font
- Open Sans
Differs- Corners
- 19px
Close- Headlines
- 42px, weight 600
Close
-
Cloudinary2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0095FF
Same- Font
- Inter
Differs- Corners
- 19px, pill buttons
Close- Headlines
- 47px, weight 300
Close
-
ASUS2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #006CE1
Same- Font
- TTNorms Pro / Roboto
Differs- Corners
- 16px
Close- Headlines
- 52px, weight 400
Close
-
Google Cloud3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #336EF3
Same- Font
- Google Sans
Differs- Corners
- 20px
Same- Headlines
- 57px, weight 500
Differs
-
Coursera3 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0056D2
Same- Font
- Source Sans Pro
Differs- Corners
- 22px
Same- Headlines
- 14px, weight 600
Differs
-
Dropbox2 of 5 same
- Background
- Light #F7F5F2
Close- Accent
- Blue #0061FE
Same- Font
- Sharp Grotesk / Atlas Grotesk
Differs- Corners
- 16px
Close- Headlines
- 40px, weight 500
Same
-
Apple2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #0071E3
Same- Font
- SF Pro Display / SF Pro Text
Differs- Corners
- 22px, pill buttons
Close- Headlines
- 56px, weight 600
Differs
-
Hopper2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #1878EC
Same- Font
- Proxima Nova
Differs- Corners
- 29px
Close- Headlines
- 32px, weight 800
Differs
-
Red Bull2 of 5 same
- Background
- Light #FFFFFF
Same- Accent
- Blue #3860BE
Same- Font
- Bull
Differs- Corners
- 19px
Close- Headlines
- 32px, weight 700
Differs
How these are matched
Each of the 475 sites in the design library is compared with Instagram 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 Instagram itself? See Instagram's fonts and color codes, or print the full report.
Measured from each site's live page as a browser renders it, Instagram on 25 October 2026. Siteprint is not affiliated with these sites; names and trademarks belong to their owners.