DEV Community

Takane Ichinose
Takane Ichinose

Posted on

2

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

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️