1
00:00:00,000 --> 00:00:05,810
[Treehouse Presents - Quick Tips: How to Use Social Media Logos on Your Website with Chris Zabriskie]

2
00:00:05,810 --> 00:00:10,400
[Chris Zabriskie] How many times do you think you see the Facebook logo every day?

3
00:00:10,400 --> 00:00:17,600
Not just on the Web, but on television, billboards, pizza boxes. Same with the Twitter logo or Tumblr or Pinterest.

4
00:00:17,600 --> 00:00:21,280
Social media logos are everywhere—and for good reason.

5
00:00:21,280 --> 00:00:25,180
Users know what they mean and know what to expect when they seem them or click on them.

6
00:00:25,180 --> 00:00:31,600
And on the Web, social media icons are a great way to direct your users to your social media profiles—

7
00:00:31,600 --> 00:00:34,510
all while using minimal screen real estate.

8
00:00:34,510 --> 00:00:39,380
But when you're designing your site, where are you actually getting those icons from?

9
00:00:39,380 --> 00:00:44,180
It's simple enough to go to Google Images and find some. There are lots of different ones there.

10
00:00:44,180 --> 00:00:46,840
But which ones do you pick? Not all of them look the same.

11
00:00:46,840 --> 00:00:52,130
Does it matter which ones you use? Yes—100% yes—it matters.

12
00:00:52,130 --> 00:00:57,340
Every social media site has their own brand guidelines that it's your job to follow.

13
00:00:57,340 --> 00:01:02,430
That Facebook logo, that's a trademarked property that belongs to Facebook.

14
00:01:02,430 --> 00:01:07,730
You are legally allowed to use it on your site, but only if you follow their rules.

15
00:01:07,730 --> 00:01:11,950
Finding a social media company's brand guidelines is easy.

16
00:01:11,950 --> 00:01:19,190
Just Google Facebook or Twitter or whatever logo you're looking for, plus the words "brand guidelines."

17
00:01:19,190 --> 00:01:23,500
At or near the top of the search results is going to be just what you're looking for.

18
00:01:23,500 --> 00:01:26,580
You just need to make sure you're going to an official website.

19
00:01:26,580 --> 00:01:32,650
If it's a Twitter logo you're looking for, make sure you're looking at the brand guideline page on twitter.com.

20
00:01:32,650 --> 00:01:37,710
Don't get all your information about social media logos from blog posts.

21
00:01:37,710 --> 00:01:40,340
Blog posts go out of date quickly.

22
00:01:40,340 --> 00:01:45,730
Facebook and Twitter and all these other companies are going to keep their brand guidelines page up to date,

23
00:01:45,730 --> 00:01:49,590
so you always know you have the latest and greatest logo to work with.

24
00:01:49,590 --> 00:01:55,030
Each site is going to have these logos in different file formats for you to download and use.

25
00:01:55,030 --> 00:01:58,050
But they're also going to have guidelines that you have to follow.

26
00:01:58,050 --> 00:02:03,800
Twitter, for example, wants you to make sure that their logo always has the bird facing to the right.

27
00:02:03,800 --> 00:02:07,570
and they also require a certain amount of space around the logo.

28
00:02:07,570 --> 00:02:11,550
If you don't follow the brand guidelines of the site whose logo you're using,

29
00:02:11,550 --> 00:02:15,480
you don't have their permission to be using the logo in the first place.

30
00:02:15,480 --> 00:02:22,300
Make a point to check the brand guidelines a couple of times every year or whenever you make design changes to your site.

31
00:02:22,300 --> 00:02:27,510
If the logo gets updated and you're still sticking with an older version, it's going to make you look behind the times,

32
00:02:27,510 --> 00:02:29,940
and that is never a good thing on the Web.

33
00:02:29,940 --> 00:02:33,780
So take a few minutes, look at the icons you're using on your site.

34
00:02:33,780 --> 00:02:37,780
Then check those branding guidelines and make sure that you're up to date.