Here are the fonts and color that used by the most popular social media websites such as Facebook, Twitter, Google+, Instagram, etc. Please note that we were not able to check the licensing for each of the fonts. And we were not able to check the exactly color that used for them.
Logo
Fonts
- Facebook Letter Faces
- Klavika Bold (Alternative)
Color
| - Blue (Hex: #3B5998 - RGB: 59, 89, 152) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Freight Sans, Helvetica, Roboto
Color
| - Blue (Hex: #3B5998 - RGB: 59, 89, 152) |
.
|
| - Medium Blue (Hex: #6D84B4-RGB: 109, 132, 180) |
.
|
| - Lighter Blue (Hex: #AFBDD4 - RGB: 175, 189, 212) |
.
|
| - Lightest Blue (Hex: #D8DFEA - RGB: 216, 223, 234) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Facebook branding.
Logo
Fonts
- Pico Alphabet (Modified)
Color
| - Blue (Hex: #55ACEE - RGB: 85, 172, 238) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Helvetica Neue, Helvetica, Gotham Narrow, Arial
Color
| - Blue (Hex: #55ACEE - RGB: 85, 172, 238) |
.
|
| - Dark Grey (Hex: #292F33 - RGB: 41, 47, 51) |
.
|
| - Grey (Hex: #66757F - RGB: 102, 117, 127) |
.
|
| - Light Grey (Hex: #CCD6DD - RGB: 204, 214, 221) |
.
|
| - Light Grey 2 (Hex: #E1E8ED - RGB: 225, 232, 237) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Twitter branding.
Google+
Logo
Fonts
- Product Sands (Newest)
- Catull (Previous Logo)
Color
| - Red (Hex: #DC4E41 - RGB: 220, 78, 65) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Roboto, Arial, Halvatica
Color
| - Red (Hex: #DC4E41 - RGB: 220, 78, 65) |
.
|
| - Red (Search panel) (Hex: #E06055 - RGB: 224, 96, 85) |
.
|
| - Dark Grey (Unactive Icon) (Hex: #878787 - RGB: 135, 135, 135) |
.
|
| - Light Grey (Background) (Hex: #EEEEEE - RGB: (238, 238, 238) |
.
|
| - White (Status background) (Hex: #FEFEFE - RGB: (254, 254, 254) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Google+ branding.
Logo
Fonts
- Billabong
Color
| - Icon Red (Hex: #FB3958 - RGB: 251, 57, 88) |
.
|
| - Icon Yellow (Hex: #FFC838 - RGB: 255, 200, 56) |
.
|
| - Icon Green (Hex: #6DC993 - RGB: 109, 201, 147) |
.
|
| - Icon Blue (Hex: #458EFF - RGB: 69, 142, 255) |
.
|
| - Icon Light Brown (Hex: #DED1C1 - RGB: 222, 209, 193) |
.
|
| - Icon Dark Brown (Hex: #9B6954 - RGB: 155, 105, 84) |
.
|
| - Logo Dark Blue (Hex: #125688 - RGB: 18, 86, 136) |
.
|
Website / App
Fonts
- Freight Sans, Neue Helvatica
Color
| - Blue (Hex: #3F729B - RGB: 63, 114, 155) |
.
|
Tumblr.
Logo
Fonts
- Bookman Old Style Bold
Color
| - Dark Blue (Hex: #36465D - RGB: 54, 70, 93 ) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
- (Hex: - RGB: )
More Information on Tumblr branding.
YouTube
Logo
Fonts
- TradeGothic LT (Bold Condensed No. 20)
- League Gothic Regular (Alternative)
Color
| - Red Flat (Hex: #CD201F - RGB: 205, 32, 31) |
.
|
| - Red Gradient - from (Hex: #E52D27 - RGB: 229, 45, 39) to (Hex: #B31217 - RGB: 179, 18, 23) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
| - Red (Hex: #CD201F - RGB: 205, 32, 31) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
| - Light Grey (Hex: #F1F1F1 - RGB: 241, 241, 241) |
.
|
More information on YouTube branding.
Logo
Fonts
- Myriad Pro Bold
Color
| - Blue (Hex: #0077B5 - RGB: 0, 119, 181) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
Website / App
Fonts
- Avenir Next, Helvetica, Arial, Georgia.
Color
- (Hex: - RGB: )
More information on LinkedIn branding.
Logo
Fonts
- Custom Typography
- Bello Script
Color
| - Red (Hex: #BD081C - RGB: 189, 8, 28 ) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Abril, Neue Helvetica, Adelle Sans, Proxima Nova
Color
- (Hex: - RGB: )
More information on Pinterest branding.
Vine
Logo
Fonts
- Typography (Similar Pinterest)
Color
| - Green (Hex: #00B488 - RGB: 0, 180, 136) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Calibre.
Color
- (Hex: - RGB: )
More information on Vine branding.
Flickr
Logo
Fonts
- Frutiger Black
Color
| - Blue (Hex: #0063DC - RGB: 0, 99, 220) |
.
|
| - Pink (Hex: #FF0084 - RGB: 255, 0, 132) |
.
|
Website / App
Fonts
- Proxima Nova, Helvetica Neue ,Helvetica, Arial
Color
| - Dark Grey (Header) (Hex #202022 - RGB: 32, 32, 34) |
.
|
| - Light Grey (Background) (Hex #F3F5F6 - RGB: 243, 245, 246) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Line
Logo
Fonts
- Rubrik Semi Bold (Alternative)
- VAG Rounded Bold (Alternative)
Color
| - Green (Hex: #00C300 - RGB: 0, 195, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
- (Hex: - RGB: )
More information on Line branding.
Path
Logo
Fonts
- Coquette Bold
Color
| - Red (Hex: #EE3423 - RGB: 238, 52, 35) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Neue Helvetica
Color
- (Hex: - RGB: )
Logo
Fonts
- Helvetica Neue Bold
Color
| - Green (Hex: #25D366 - RGB: 37, 211, 102) |
.
|
| - Green Grey (Logo Background (Hex: #455963 - RGB: 69, 89, 99)) |
.
|
| - White (Hex: #FFFFFF- RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
| - Dark Teal Green (Hex: #075E54 - RGB: 37, 211, 102) |
.
|
| - Light Teal Green (Hex: #128C7E - RGB: 18, 140, 126) |
.
|
| - Light Green (Hex: #25D366 - RGB: 37, 211, 102) |
.
|
| - White Green (Outgoing chat bubble) (Hex: #DCF8C6 - RGB: 220, 248, 198) |
.
|
| - Checkmark Blue (Hex: #34B7F1 - RGB: 52, 183, 241) |
.
|
| - Light Cream (Chat Background) (Hex: #ECE5DD - RGB: 236, 229, 221) |
.
|
More information on WhatsApp branding.
Soon
Logo
Fonts
-
Color
- (Hex: # - RGB: )
Website / App
Fonts
-
Color
- (Hex: # - RGB: )
I really love reading and following your post as I find them extremely informative and interesting. This post is equally informative as well as interesting . Facebook Applications
ReplyDeleteIEEE Final Year Project centers make amazing deep learning final year projects ideas for final year students Final Year Projects for CSE to training and develop their deep learning experience and talents.
DeleteIEEE Final Year projects Project Centers in India are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation.
corporate training in chennai corporate training in chennai
corporate training companies in india corporate training companies in india
corporate training companies in chennai corporate training companies in chennai
I have read your blog its very attractive and impressive. I like it your blog. Digital Marketing Company in Chennai Project Centers in Chennai
HELP
ReplyDelete:o
OH
ReplyDelete=p~
Nice post
ReplyDeleteAsking the correct inquiries before procuring a Social Media director will guarantee you pick astutely and see how they will profit your business. Here are 21 questions you can ask a potential online networking figure out how to enhance your employing procedure. Read More
ReplyDeleteGreat post about social media we can use social media as good thing Techubi
ReplyDeletenice
ReplyDeleteI enjoyed reading your article :) PLease continue publishing helpful topics like this. Regards, from alwaysopencommerce.com.
ReplyDeleteI think this article will fully complement your article.
Thank you for your information, please visit:
ReplyDeletehttp://www.regispokeronline.com/
If you set out to make me think today; mission accomplished! I really like your writing style and how you express your ideas. Thank you. smm panels list
ReplyDeleteAs a rule no further course is given. Maybe some favored hues or a recommendation or two on an image that may be utilized, yet that is it. The entrepreneur expect that the creator comprehends the necessities and parameters of logo structure. From my experience, about half of the logos I experience are fixated on style as it were. While an eye satisfying logo is significant there are numerous different interesting points that will play a significant move not far off.logo design service
ReplyDeletenice bLog! its interesting. thank you for sharing.... cheap 55 printing
ReplyDeleteThank you for taking the time to help me, it really meant a lot. Thank you for sharing your home with me, I had such a great time catching up.Buy Real Instagram Followers UK
ReplyDeleteYour blog provided us with valuable information to work with. Each & every tips of your post are awesome. Thanks a lot for sharing. Keep blogging, instagram likes app free
ReplyDeleteI recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. ORIGINAL LOGOs
ReplyDeleteSpot your Twitter interface on all business cards and on other conventional advertising devices. gain twitter followers
ReplyDeleteWhy do only so much written on this subject? Here you see more. copy and paste bio
ReplyDeleteLike most web designers, you can only try to navigate between Valid XHTML know-how and design & usability requirements. The "good" news is that with time, you can get pretty good at debugging your work code, Just don't be surprised that you haven't actually designed anything all week.creativelabs.ie
ReplyDeleteYou have a few videos on YouTube, now what? Showcase your Web videos in style by customizing your YouTube channel. youtube smm panel
ReplyDelete