The following sidebar mockups feature 20px icon size, 28px avatar size, 14 font size, which is the same with Gmail navigation sidebar. 30px and 40 px version will be compared with this one.

University of Michigan - Ann Arbor

1Cademy Toolbar UI Design

And 40px version, though it seems a little bulky to me

Expandable toolbar different font/icon sizes - 40px

Expandable toolbar different font/icon sizes - 20px

In this version, the sidebar elements have been moved a little up but still has enough space for the logo. It is shown for possible comparison with 20px-centered version.

Learn Before

Related