DEV Community

loading...

Menu Layout: Brutalist and Skewmorphism

Takane Ichinose
A full-stack web developer who don't stop studying, and practicing.
・1 min read

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

Discussion (0)