Side Navigation Pattern

#F4F7FB
#232323
#BAC1CC
#9D9EA1
#5D5E5F
#43293D
#3874C4

Hello! Long time I haven't posted anything. I recently moved to Japan and have been pretty busy since then!

I thought it'd be cool to show what I'm working on today. Apologies for the weight of the gif (5MB). You can also try the demo by yourself (preferably on Chrome cause I'm using flexbox without vendor prefixes for the sake of this demo): http://mx3m.github.io/side-nav-pattern/

I am exploring ways to hide a small nav list when people start reading in order to put 100% focus on content.