Using Neubrutalism Designs in E-Learning #483

🏆 Challenge of the Week

This week, your challenge is to share a six-slide course starter template using neubrutalist design. Check out our related brutalism design challenge for an idea of what to build.

What is Neubrutalism?

Neubrutalism takes raw brutalism and pairs it with bold colors, thick shadows, and quirky-yet-readable typography. 

And here’s the kicker: it leans into being ugly on purpose. You’ll see stuff like buttons that are slightly off-center or elements that look misaligned. It feels approachable, like something you could whip up yourself, which is why it works.

Common design elements include:

• Bold Contrasts: High-contrast, desaturated colors with intentional clashes.
• Quirky Typography: Thick, readable fonts balanced with whitespace.
• Raw Aesthetic: Hard shadows, bold borders, and purposeful misalignments.
• Playful Graphics: Vibrant colors and simple, low-fi illustrations.
• Dynamic Touches: Parallax scrolling and subtle animations.

Resources & Examples

• Neubrutalism - UI Design Trend That Wins the Web
• Neubrutalism is taking over the web
• What Is the Neubrutalism Web Design Trend?
• Neubrutalism

✨ Share Your E-Learning Work

• Comments: Use the comments section below to link your published example and blog post.
• Forums: Start a new thread and share a link to your published example.
• Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts, so your great work gets even more exposure.
• Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

🙌 Last Week’s Challenge:

Before you share your intentionally quirky designs, check out the creative ways course designers use asymmetrical layouts in e-learning:

Asymmetrical Design in E-Learning RECAP #482: Challenge | Recap

👋 New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.