First, let's add in our links.

We know that our navigation area is sort of is designated as here.

We also have this area here.

I'm gonna delete this for now, because I don't think I want a darker

colored bar after all, but I do want all of this real estate for my links.

So there's plenty of room for someone with a touchscreen to allow that to work,

so I will start typing here.

And I do have the name, so

it's events and about.

And vendors.

Put about five spaces in between each word for now.

Just for it to be even.

And I'm gonna keep with my trend of using Lato as the font.

And generally, you would probably have a different font in your wire

frame as you would in the finished design that almost always would happen.

But for me, I ended up really liking this one font, so I happened to stick with it.

I got lucky.

I do want to center this up, so make sure it's aligned to artboard, and great.

Okay, there we go.

It's nice and centered.

I would like to change this color,

so rather than it being black, I think I would rather it be red.

I'm going to come back to that.

Let's go ahead and take this text, copy.

And then we're gonna go to the correct layer in our Layers bar,

make sure that's selected.

I will paste my links here.

I want it to line up.

This is our 50-pixel padding here, so I want that to line up.

Okay, I'll delete our reference.

Okay, that's not centered.

Think it'd be nice for it to sort of be centered with this pencil.

So, I'm gonna select eb in the header, and the header one more time is my target.

And do vertical distribute.

Great.

And this could also Grooves this way a little bit more.

Then I get the 12 more breathing room.

Okay, much nicer.

Illustrator allows us to save character on paragraph attributes so

we can quickly format text.

This helps for making changes after you've finished your design because you can

update and change all instances of that style within the document and make changes

globally rather than having to click on each individual text box and change it.

It's gonna to change all of them that have a designation.

So let's go ahead and go to Window > Type > Character Styles.

And when you pull up this window we'll have Character Styles and

Paragraph Styles.

I'm gonna drag it down like this.

Tighter swatches for now.

Make a little room.

Okay.

Looks like I was making this earlier, so I'll delete that.

Yes.

If you just open this and you haven't done anything,

it should just say Normal Character Style and Normal Paragraph Style, and

that's preset in Illustrator.

It's probably Myriad Pro, and you don't wanna assign that to anything here.

So, we're gonna start using the character styles.

And a character style is a collection of character formatting attributes such as

font, size, color, and it's going to save all those different attributes,

and we can change the options, which I'll show you how to do.

So, let's select our links.

This is going to be.

Well, we'll call it Links.

And to create a new paragraph style, oops we want a new character style,

Okay.

And to create a new character style we can go right here and

Create New Style, to change the name we just double-click here.

We'll call it Links.

Click off.

And then if I double-click on it, it's going to give me the information.

So the font type, Lato, Regular, the Size.

It also has other attributes, such as Character Color.

I'll hit OK.

And I want to assign this text here also,

I wanna give it the same designation and character style as Links.

So what will happen now is when I change,

so when I double click in here and change these settings,

it's going to change everything with that designation of links.

So as I was saying earlier, I really wanted this to be red.

And trying that out and that looks great and

I'm able to make that change globally to both of them at once.

I don't have to do it individually.

So you can see what a huge time saver this would be.

In terms of size if I wanted to do sizing.

Which I don't at this point, so I'm gonna take it back.

I think I'm gonna make it 24.

Hit OK.

Yeah, it's looking nice.

Center this again.

And put this over here.

We can do the same thing for headings.

So, just as an example, I'm gonna select this.

And a really great trick you can use is, if you option+click

when you click new style, it automatically brings up this option box,

and then you can say Heading 2.

Or actually let's shorten it to H2.

Hit OK.

Let´s give the use the same designation.

So I'll select them and hit this.

And I wanna change all of these right now to white, so

I´m gonna double click Character Color.

White.

OK.

It looks like for some reason this one didn't carry over, so

I'll select it, and I'll select this.

And you'll see when that happens a plus sign appears, and

it's telling me that this setting is different than the H2 style.

And so it's asking me, do you really wanna convert it over?

And I do.

And the way you do that is you Shift+click on it.

It makes this like the others.

So you can see this is really cool, really helpful.