Menu

Navigation

Moving from place to place can be so tiring. We we try to make it easy... and pretty. Check out how we see navigation on the web below!

Desktop Navigation Styles

The following are several examples of navigation modules that may be used on desktop websites and apps.


Nav Bar

The nav bar should be present at the top of all "applications". We generally try to include them on all sites but there are exceptions to this rule. Without further ado... the Nav Bar.


Menu Bar

When a menu bar is needed to help the user get around it should look a little something like this. You are welcome to use colors from the approved color pallete to mix and match the menu to fit in it's context.

<ul class="menu-bar">
<li><a class="current" href="#">List Item</a></li>
(...)
<li><a href="#">List Item</a></li>
</ul>

You can add .round , .caps and .outline to the ul item to adjust its style accordingly.