DEV Community

Takane Ichinose
Takane Ichinose

Posted on • Edited on

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.

Top comments (0)