Branding/Logo Package Basics by Social Network

2014.07.24

Home > Articles > Branding/Logo Package Basics by Social Network

This morning I began an exercise in futility in hopes to fit my new personal brand guidelines with the inclusion of social networking links. My standard consists of a square format of 200×200 pixels with ⅛ padding, each social network’s respective flat white icon, and the network’s digital color base.

The project began by searching for each social network’s online branding guidelines and thanks to Google I found most of them with ease. Astoundingly, some of these guidelines were difficult to find and on several occasions broken up into multiple locations and multiple download packages. Not only hidden, some of these packages are even missed some of the basics you would expect to find. I really pity the marketing and creative departments at any of these companies, as they are probably distributing branding packages on an individual basis. I doubt anyone is taking the time to search through each comply for proper standards when it is much easier to search for an already made, 3rd party, version in every possible downloadable format.

There is no rocket science behind this folks, so I’ll layout the basics and provide a small PSD of what I created for my needs.

Best Overall: Facebook

Best Guid: Tumblr

Best Download: Google +

Guideline Download Basics

  • ALL .eps & .png (.psd as last resort)
  • Logo Detailed
  • Logo Dark on Light / Logo Light on Dark
  • Logo Icon (No Text or Simplified Text)
  • Example Application Do’s & Don’ts
  • HEX #colors

Download ZAMARTZ-Social-Icon-Sq.psd [click here]

Branding Resources and Guidelines

Branding Colors: http://brandcolors.net/

Facebook: https://www.facebookbrand.com/

Twitter: https://about.twitter.com/press/brand-assets

Tumblr: https://www.tumblr.com/logo

Instagram: http://instagram.com/press/

Flickr: https://www.flickr.com/about/goodies/

GitHub: https://github.com/logos

LinkedIn: http://press.linkedin.com/Media-Resources?SubjectID=644

BeHance: https://www.behance.net/dev/api/brand

FourSquare (pre 7/24/14): https://foursquare.com/about/logos

Google +: https://developers.google.com/+/branding-guidelines

RSS (feeds icon): http://www.feedicons.com/

NOTES: FourSquare Logo (New and non-published logo)

Associated with CodePen: http://codepen.io/zamartz/pen/orDln