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)