DEV Community 👩‍💻👨‍💻

Takane Ichinose
Takane Ichinose

Posted on

Menu Layout: Brutalist and Skewmorphism

CodePenChallenge Menu Layout (Brutalist and Skewmorphism inspired)

This is a design of a menu inspired by brutalist design, which having a chaotic design, transformation of elements, and absurd choice of color, and skewmorphism having 3D'ish, and glassmorphic design.

I cheated a little by touching few of the HTML codes, so that I could make the design well based on my idea. I used the image as the background image.

This design works well with Google Chrome, because of the backdrop-filter CSS attribute which only works with Chrome (Based on my test. I used Google Chrome, Safari, and Firefox so far)

Fonts

Sigmar One

Righteous

Alfa Slab One

Viaoda Libre

Top comments (0)

All DEV content is created by the community!

Hey, if you're landing here for the first time, you should know that this website is a global community of folks who blog about their experiences to help folks like you out.

Sign up now if you're curious. It's free!