We start dropping the text into the main navigation, just to see how it will fit, work on sizing, colors, etc. Some of the text is fitting pretty tight but that's OK, we'll make room, especially once it turns into HTML/CSS and adjustments are even easier.

We use the same Gotham Rounded for the text. Might as well continue the "Brand" font into navigation (that feels very appropriate).

"Active" navigation simply gets a darker color and reversed text.

We look at my favorite icon font, Pictos, but decide to go with Entypo instead just to switch things up a little. Here's a bunch of more we could have also chosen.

We use the software Font Explorer X to activate the font and explore it. We click "information" to get a grid of all the characters in which to copy from (and easily paste into Photoshop).

Comments

  1. User Avatar
    daniel.jeffery
    Permalink to comment#

    I remember i had no idea what ‘Almanac’ meant, and so i looked at the meaning and i was like “Oh, that’s a pretty cool name/idea”.

  2. User Avatar
    stemlund@gmail.com
    Permalink to comment#

    I didn’t realize you could double-click the T of a text layer to select-all… or that you could change character styles for many text layers at once. sweet!

    • User Avatar
      Seth Hall
      Permalink to comment#

      Nice one!!! Yes @stemlund I just realized the double-click on the T as well. Great find.

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag