Fonts and Colors Used by Facebook, Twitter, Instagram, Google and More

This article provides a comprehensive guide to the fonts and colors used by popular social media platforms. Knowing these details is crucial for designers aiming for brand consistency when integrating social media elements into their work. The information presented here eliminates the need for repeated online searches for these specific brand assets.

The guide covers a wide range of platforms, including Facebook, Instagram, WhatsApp, Twitter, Pinterest, LinkedIn, Snapchat, YouTube, Google, TikTok, Discord, and Twitch. For each platform, the article specifies the primary color in both hex and RGB values, and details the font used (often system defaults like Roboto, Segoe UI, or San Francisco, unless otherwise noted). Exceptions, such as Snapchat's use of the Graphik font, are clearly highlighted.

The article also clarifies the use of system fonts, explaining their variations across different operating systems (Android, Windows, iOS/macOS). It notes the use of Roboto in Material Design (e.g., YouTube and other Google apps), while highlighting the Google logo's use of Product Sans.

Key Platform Details (Summary):

• Messenger (Facebook): #0084FF (RGB: 0, 132, 255); Helvetica Neue on macOS, otherwise system default.
• Instagram (Facebook): #E1306C (RGB: 225, 48, 108); System default.
• WhatsApp (Facebook): #25D366 (RGB: 37, 211, 102); System default.
• Facebook: #1877F2 (RGB: 24, 119, 242); System default.
• Twitter: #1DA1F2 (RGB: 29, 161, 242); System default.
• Pinterest: #E60023 (RGB: 230, 0, 35); Helvetica/Neue Haas Grotesk on website, otherwise system default.
• LinkedIn: #1666C5 (RGB: 22, 102, 197); Sans-serif (Helvetica, Arial, or system default).
• Snapchat: #FFFC00 (RGB: 255, 252, 0); Graphik.
• YouTube: #FF0000 (RGB: 255, 0, 0); Roboto.
• Google: Blue (#4285F4, RGB: 66, 133, 244), Red (#EA4335, RGB: 234, 67, 53), Yellow (#FBBC05, RGB: 251, 188, 5), Green (#34A853, RGB: 52, 168, 83); Product Sans (logo).
• Alphabet (Google's parent company): Red (#ED1C24, RGB: 238, 28, 36); Unspecified font.
• TikTok: Red (#EE1D52, RGB: 238, 29, 82), Blue (#69C9D0, RGB: 105, 201, 208); Unspecified font.
• Discord: #5865F2 (RGB: 88, 101, 242); Unspecified font.
• Twitch: #5865F2 (RGB: 88, 101, 242); Unspecified font.

The article also includes a CSS snippet for easily implementing these colors as variables in a project. Finally, a FAQ section addresses common questions about the fonts used by specific platforms, including historical context for Facebook's font choices.

The above is the detailed content of Fonts and Colors Used by Facebook, Twitter, Instagram, Google and More. For more information, please follow other related articles on the PHP Chinese website!