Facebook, Twitter, Instagram, Google, and others use a variety of Fonts and Colors!
It's really useful to understand the various fonts and colors that social networks use so that we may include them into our designs. Every time we create an app or website, we "Google" it. (For instance, "Facebook blue," "Facebook hex value," "What color does Facebook use?" etc.)
In fact, I bet you discovered this post that way!
I promise not to keep you waiting any longer. Let's examine the typefaces and colors used by Facebook's Messenger, Instagram, WhatsApp, Facebook itself, Pinterest, LinkedIn, Snapchat, and Google/YouTube, before moving on to the other social media platforms.
Let's Get To The Good Stuff!
The typefaces and colors used by social networks including Facebook, Twitter, Instagram, and others have been changed in this page in 2022. We also included the rapidly expanding emerging platforms Discord, TikTok, and Twitch.
What typeface is being used by [...]?
A quick reminder: Unless otherwise mentioned, system typefaces (i.e., system-ui in CSS) are the norm. This implies, for each medium:
Roboto for Android
Segoe UI for Windows
San Francisco for iOS/macOS
Roboto is also used in Material design, which is used in Google products like YouTube. The real Google logo, however, makes use of the company's own Product Sans typeface (and this applies to the Alphabet logo too).
Facebook Messenger
Messenger Color Values
Messenger hex value: #0084FF
Messenger RGB value: rgb (0 132 255)
Messenger Fonts
Messenger on macOS uses Helvetica Neue instead of San Francisco, but everything else follows the system default.
Instagram Color Values
Instagram hex value: #E1306C
Instagram RGB value: rgb (225 48 108)
Although the color value stated above is the one used in their own examples, Instagram employs a variety of hues in their branding.
WhatsApp Color Values
WhatsApp hex value: #25D366
WhatsApp RGB value: rgb (37 211 102)
Facebook Color Values
Facebook hex value: #1877F2
Facebook RGB value: rgb (24 119 242)
Twitter Color Values
Twitter hex value: #1DA1F2
Twitter RGB value: rgb (29 161 242)
Pinterest Color Values
Pinterest hex value: #E60023
Pinterest RGB value: rgb (230 0 35)
Pinterest Fonts
Pinterest uses Helvetica/Neue Haas Grotesk for their website, but the default system font for everything else.
LinkedIn Color Values
Hex: #1666C5
RGB: rgb (22 102 197)
LinkedIn Fonts
LinkedIn uses: Sans-Serif on their website, which means Helvetica first/Arial second/system default otherwise.
Snapchat
Snapchat Color Values
Hex: #FFFC00
RGB: rga (255 252 0)
Snapchat Fonts
Standing out from the herd, Snapchat uses the Graphik font!
YouTube
The Material Design system is used by Android, Google, and Google-owned applications like YouTube, and it makes use of a number of colors and the Roboto font as well.
YouTube Color Values
Hex: #FF0000
RGB: rgb (255 0 0)
Google Blue Color Value
Hex: #4285F4
RGB: rgb (66 133 244)
Google Red Color Value
Hex: #EA4335
RGB: rgb (234 67 53)
Google Yellow Color Value
Hex: #FBBC05
RGB: rgb (251 188 5)
Google Green Color Value
Hex: #34A853
RGB: rgb (52 168 83)
Alphabet Red Color Value
Alphabet is the company that owns Google.
Hex: #ED1C24
RGB: rgb(52 168 83)
TikTok
On top of their basic black logomark (#000000), they add:
TikTok Red Color Value
Hex: #EE1D52
RGB: rgb (238,29,82)
TikTok Blue Color Value
Hex: #69C9D0
RGB: rgb (105,201,208)
Discord
Fun fact: Discord’s visually distinctive blend of blue and purple is actually referred to as ‘Blurple’. They have a comprehensive branding guidelines document but if you just need the Logomark and color, you’re most welcome:
Discord ‘Blurple’ Color Value
Hex: #5865F2
RGB: rgb(88,101,242)
Twitch
Twitch has an excellent downloadable branding kit, although you do need to to work through their very twitchy branding introduction first. This extruded version is their default logo.
Twitch Purple Color Value
Hex: #5865F2
RGB: rgb (88,101,242)
___________________
Salty Red Dog Marketing, LLC is a marketing agency in Red Bank, NJ, Westport, CT, and everywhere in between. We service businesses with marketing strategies, digital marketing, social media, and consultations.
Contact: info@saltyreddogmarketing.com
Phone: NJ: (732) 783-4822 // CT: (203) 429-9671
mình có lần lướt đọc mấy trao đổi trên mạng شيخ روحاني thì thấy nhắc nên cũng tò mò mở ra xem thử cho biết. mình không tìm hiểu sâu chỉ xem qua trong thời gian ngắn để quan sát bố cục cách sắp xếp جلب الحبيب các mục và trình bày nội جلب الحبيب dung tổng thể. cảm giác là các phần được trình bày khá gọn, các hurentest berlin mục rõ ràng Huren Berlin nên đọc lướt cũng không bị rối với mình như vậy là đủ để nắm tin cơ bản rồi. جلب الحبيب
👍
The demand for city security services continues to increase as urban populations grow and communities become more complex. People seek Corporate Event Security Houston reliable protection for their homes, workplaces, and public spaces. Security companies continuously adapt their services to address emerging threats and changing safety requirements.
Personalized healthcare often leads to better progress because every person responds differently to treatment and rehabilitation strategies.I enjoyed learning about physiotherapy clinic downtown toronto and the wide range of wellness services available. Having experts from different disciplines working together can make recovery smoother while promoting healthier daily living and lasting results.
A clear and practical guide to managing Google Ads campaigns. The structure of your tips makes it easy for readers to follow and apply https://www.adopthelp.com/ them. I recently saw a marketing strategy discussion referenced on an review blog that touched on similar ideas.