Using Brutalist Design in E-Learning #386

Brutalism in E-Learning Design #386: Challenge | Recap

Challenge of the Week

This week, your challenge is to share a six-slide course starter template using brutalist design.

What is Brutalism?

Brutalist design is a style that intentionally attempts to look raw, haphazard, or unadorned. This style can be seen in many different forms of digital media, from websites to app design. 

Brutalist Design Examples

The appeal of brutalist design lies in its simplicity and honesty. There is a rawness to the style that allows designers to experiment with different forms and ideas without worrying about making things look "perfect."

Common design elements include:

  • System fonts
  • Underlined hyperlinks
  • Borders or dividing lines between sections
  • Monochromatism or web-safe color palettes

Using Brutalism for E-Learning Cover Slides

This week's challenge was inspired by Elizabeth's session in this month's Quick Tips. You can view the recording and download her template using the link below.

Brutalist Design

Download the cover slide template

Not everyone is a fan of brutalism. Shocking, I know! Some people find the style to be ugly or difficult to use. Others simply don't understand the appeal.

Whatever the case, there's no denying that brutalism is a unique and interesting approach to digital design. And that's what this week's challenge is all about!

What are Course Starter Templates?

Course starters are multi-slide templates that combine the most common e-learning content and interaction slides.

In previous challenges, we looked at generic course starters, button starters, comic book designs, and course starters for the construction, medical, information technology, and leadership training industries. This week, we’re looking for course starters that use skeuomorphic or flat desktop and office-themed designs.


Learn more about brutalism and how creators use this unapologetic design trend in web and digital media.

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own 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 back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you share your brutal examples, check out the interactive comparison demos your fellow challengers shared over the past week:

28 Ways to Show Interactive Comparisons in E-Learning #385

Interactive Comparisons in E-Learning RECAP #385: 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

Jodi M. Sansone
Jonathan Hill
Jonathan Hill
Yvonne Urra-Bazain
Chris Hodgson
Cristina Graham
Lauren O'Neill
Hilla Schlegel