Recents in Beach

Breaking

11.25.2015

Fonts and Colors Used by Social Media Logo Facebook Google+ Twitter Instagram Tumblr Pinterest Vine Path

Sometimes we need to have a collection of the brand assets used by various social media networks, so you can correctly incorporate those assets into your own work. For example, if you are a designer, you may need them to make your design more varies.

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.




Facebook



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.
 


Twitter




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.



Instagram



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
YouTube Logo Font and Color Text Used





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.
 


LinkedIn




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.
 


Pinterest
Pinterest Logo Font and Color Text Used





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
Vine Logo Font and Color Text Used





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
Flickr Logo Font and Color Text Used





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
Line Logo Font and Color Font Used





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
Path Logo Font and Color Font Used





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: )



WhatsApp
WhatsApp Logo Font and Color Font Used





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: )


Social Media Color Hex and RGB Colours of the WebSocial Media

What Text Font and Color Used by Facebook Logo Twitter Logo Google+ Logo Instagram Logo

What Text Font and Color Used by Tumblr Logo YouTube Logo LinkedIn Logo Pinterest Logo Vine Logo

What Text Font and Color Used by Flickr Logo Line Logo Path Logo WhatsApp Logo

Social Media Branding Color Used

Social Media Branding Font Used

48 comments:

  1. Asking 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

    ReplyDelete
  2. Great post about social media we can use social media as good thing Techubi

    ReplyDelete
  3. As 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

    ReplyDelete
  4. nice bLog! its interesting. thank you for sharing.... cheap 55 printing

    ReplyDelete
  5. Thank 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

    ReplyDelete
  6. Your 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

    ReplyDelete
  7. I 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

    ReplyDelete
  8. Spot your Twitter interface on all business cards and on other conventional advertising devices. gain twitter followers

    ReplyDelete
  9. Why do only so much written on this subject? Here you see more. copy and paste bio

    ReplyDelete
  10. Like 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

    ReplyDelete
  11. You have a few videos on YouTube, now what? Showcase your Web videos in style by customizing your YouTube channel. youtube smm panel

    ReplyDelete
  12. Some really marvelous work on behalf of the owner of this web site , dead great subject matter. Unique Dofollow Backlinks

    ReplyDelete
  13. There are several platforms that became such a lot extensive and folks from all across the globe use these platforms. If you connect with them, you'll be able to turn over your potential customers into permanent purchaser.social media panel reseller, smm panel reseller,smm services,smm panel, best smm panel, cheap smm panel, cheapest smm panel, smm panel cheap, smm panel cheapest, best smm panel, best smm panels, https://www.dptsmm.com

    ReplyDelete
  14. It is high time now that marketers and especially digital marketers should realize the full potential of digital marketing and bridge the gap between knowledge of Dubai Real Estate and marketing approach which would immediately provide better results. The second step includes researching on the appropriate target audience for a specific property and justifying the time spent on this research which would discriminate quality versus quantity at large. best smm panel

    ReplyDelete
  15. You have done a good job by publishing this article about smm reseller panel    . I appreciate your efforts which you have put into this article, It is a beneficial article for us. Thanks for sharing such informative thoughts.

    ReplyDelete
  16. Your post is really impressive and it has lots of knowledge in learning.keep share your valuable knowledge with us. buy instagram page followers

    ReplyDelete
  17. This post is so useful and valuable to increase our knowledge about Social smm panel.I am happy that you have shared great info with us. Grateful to you for sharing an article like this.

    ReplyDelete
  18. You have provided a richly informative article about https://yoyomedia.in/. It is a beneficial article for me and also helpful for those who are searching for this type of blog. Thanks for sharing this information here.

    ReplyDelete
  19. Thank you for putting all these strategies into a very readable place. It shows your ability and great skills. keep sharing such article in future. Smm Panel Instagram

    ReplyDelete
  20. You have a very nice layout for your blog. i want it to use on my site too Instagram reseller panel

    ReplyDelete
  21. You have really very nice layout for your blog. i want it to use on my site tooReal Smm Market

    ReplyDelete
  22. Thank you for putting all these strategies into a very readable place. It shows your ability and great skills. keep sharing such article in future Real Smm Market

    ReplyDelete
  23. have done a good job by publishing this article about Best smm panel . I appreciate your efforts which you have put into

    ReplyDelete
  24. I generally use scary text generator for my social media branding.

    ReplyDelete
  25. Thanks for sharing the post. It is really good which provides enough information to find out about the given topic. Good luck. Azerbaijan Visas for Australians citizens, Australians citizens are eligible to obtain a Visa to travel to the Republic of Azerbaijan. Apply for the Azerbaijan visa online.

    ReplyDelete
  26. Nice information, thanks for sharing your knowledge. Find out the best US SMM Panel ever for your social media marketing.

    ReplyDelete
  27. Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include.
    smm providers

    ReplyDelete
  28. I am really impressed with this blog because I got amazing ideas on Digital marketing which gave me some tips for Website Design Dubai also found professional services at budget friendly price.

    ReplyDelete
  29. I most certainly partook in each and every piece of it. It is an extraordinary site and a pleasant offer. I need to much obliged. Well done! You folks do an extraordinary blog and have a few incredible items. Keep doing awesome. buy youtube watch time

    ReplyDelete
  30. I really like and appreciate your blog post. Much thanks again. Want more. buy YouTube subscribers

    ReplyDelete
  31. BIIT(Brahmanand Institute of Information & Technology) is a certified computer coaching. In BIIT, you can get various tally institute in east delhi. You will also get the certificate after completion of each course which is useful for you. This will helps you to get a well paid job. For more information, you can call us on 9311441524, or can visit to A-115 , First Floor , Near Panna Sweet, Shakarpur, Vikas Marg, Laxmi Nagar, Computer Institute, Opposite Metro Piller No. 33, Delhi, 110092. This is main website from where you can get full details http://www.biitnewdelhi.com/.

    ReplyDelete
  32. We have integrated a temperature monitor into the facial recognition panels, which quickly checks the temperature of the visitor as they identify their faces. Making your premises touchless, seamless, and safe. The TEKVISIT is a Visitor Management System which maintains information on all aspects of visitors. Be it the information about the company they represent or their personal information, even demographic details, contact details, photos, and visit details. A unique visitor pass is generated for every visitor on each of their visits having their visit information including their meeting time, the person they are supposed to have a meeting with, and which areas of the premises they have the access to.

    ReplyDelete
  33. Web-based entertainment permits you to contact a bigger crowd and make whiz around your business through offers and likes. onohosting.com/

    ReplyDelete
  34. It supposedly has gathered in excess of 800 million dynamic buyers, the US being the most sizzling country where it's been downloaded almost 100 000 million times.iceliker

    ReplyDelete
  35. Thank you so much for this article. I enjoy reading it. instagram followers panel

    ReplyDelete
  36. The content was awesome and thanks for sharing the post. Waiting for this kind of posts. Gate barrier system in Dubai

    ReplyDelete