Contentstack CMS Side Navigation Bar - Grid Guidelines

In creating the redesigned navbar for Contentstack CMS, it was important that it could provide context to users such as notification badges and labels. It was also important, however, that the navbar could collapse to provide more screen real estate to users when they needed it. Came up with this solution (sidebar collapses automatically below a specified viewport width, and users can also click the collapse icon at the bottom of the navbar to manually hide/show the full navbar as needed), and created a visual spec to demonstrate the spacing and grid size of navbar elements.

Max Burnside
Designing in vectors, displaying in pixels.

More by Max Burnside

View profile