Pattern Library

A practical approach to streamlining workflows
and coding processes across teams.

Navigation

Horizontal

Sometimes the navigation is simple and you only need a few. If you know you will not need more than 5-6 navigation elements, you can just use a simple navigation like the one below. Keep in mind that navigations become more dynamic when you add hover elements to the font and list item.


Hamburger Menu

Hamburger Menus and closed navigations are becoming more popular. Keep in mind that if you are building a commercial website that customers don't look for hidden items even in menus. It's better to have you main navigation or most popular menu items out for everyone to see. You will also need to add a bit of JavaScript to get this one working.