Flat Design Cover Page: With Menu with Parallax

takaneichinose

Takane Ichinose

Posted on June 5, 2019

Flat Design Cover Page: With Menu with Parallax

This is a monochromatic flat design cover page with functionalities, written in VueJS.

This design is inspired by brutalism designing (Especially the menu part). I know that some people doesn't find it good, but I actually like it.

The landing page is inspired by many minimalist landing page existing on the internet.

The background on the off-canvas menu has parallax effect while scrolling. Its background may be changed to a normal image, to see clearly the parallax effect.

I just random links that is usually inside the menu. I did it, so that I could populate the Y-scroll, which I need to see the parallax effect.

As for the hamburger menu, I just used the same animation as I did the previous day, for Codepen Challenge.

Most of the functionalities are written in VueJS, but the animations are just CSS.

💖 💪 🙅 🚩
takaneichinose
Takane Ichinose

Posted on June 5, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related