Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Soft Brutalism & the Era of Weird & Wonderful

May 01, 2020

Soft Brutalism & the Era of Weird & Wonderful

There’s no denying that interactive design is tracking toward weird. Is just everything weird now? Glitch was weird from the beginning; lovingly dubbed “the two fish coding side”, technology writer Ada Powers once called the Glitch aesthetic a harbinger of “soft brutalism”. What does that even mean? Faced with balancing the deeply embedded, off kilter soul of our brand with building a more powerful and usable product, the Glitch design team is holding onto our weird roots. Here’s how we are looking at the trend and responsibly building weird into our interfaces and user experiences.


May 01, 2020

More Decks by cassiemc

Other Decks in Design


  1. Glitch / Mozilla Foundation Adobe / Jane & Jury Healthcare

    Human Factors Orlando Designers / 
 Paris Lectures / Creative Mornings / Hacking Health
 Women && Tech 15 years of design
  2. UNTITLED-GOOSE-MEME.GLITCH.ME/ “If you can’t read this your posture sucks” September

    11, 2019 FIX-POSTURE.GLITCH.ME/ “Now you can create your own Untitled Goose Game to-do list” October 7, 2019 LIKELIKE.GLITCH.ME/ “This Pittsburgh arcade is now a tiny virtual world” April 6, 2020 GENERATIVE-PLACEHOLDERS.GLITCH.ME/ “Now, you can use generative placeholder images for your web project” January 24, 2020 Luke Patton / Canvas Cards Olesya Chernyavskaya / Fix Posture LikeLike Arcade
  3. Friendly Not intimidating Insinuates tech culture A little bit weird

    Consistent line weights Does well Not finely balanced No interesting, deliberate tension Surface meaning Disorganized color palette Too cutesy/childlike Does not do well
  4. It needed to mature. It needed to be easier to

    understand. And it needed to be easier to use.
  5. “What is one era's style is the next era's eyesore”

    it was a term of abuse for the work of architects whose buildings confronted their users — brutalized them — with hulking, piled-up slabs of raw, unfinished concrete. Soft brutalism using curves instead of harsh corners Brutalism, also known as Brutalist architecture, is a style that emerged in the 1950s and grew out of the early-20th century modernist movement. Brutalist buildings are characterised by their massive, monolithic and 'blocky' appearance with a rigid geometric style and large-scale use of poured concrete. Glitch is bringing remix culture back to the web “
  6. Black or white backgrounds No gradients or shadows Overlapping elements

    Lack of symmetry Crowded design No distinct hierarchy Monospaced typography One font used throughout Contrasting color palette Lack of animation Sparse imagery Simple or non-existent navigation Single-page website design Brutalist UI Simple lines Stark / empty Bit harsh Bold outlines White space Cacophonous colors & type https://www.thecreativemomentum.com/blog/what-is-brutalism-in-web-design
  7. Design Singularity Jen Simmons / Modern Layouts: Getting Out of

    Our Ruts An Avent Apart, Austin 2015 We are stuck in a rut. It’s a rut that’s shaped like this. “ 2015
  8. nngroup.com/articles/brutalism-antidesign/ To leverage the brutalist style, keep it limited to

    visual design. Don’t break your visual hierarchy, navigation, or interaction design just for the sake of novelty. And stick to pure brutalism, while avoiding antidesign like the plague it’ll be for your business metrics. Freshness Humour To be intentionally challenging Use for “
  9. Building a tighter brand system into specific parts of the

    product, such as the paid experience Identify the states of mind where weird is okay and where it isn’t.
  10. Lots of early iterations toward a more usable layout for

    an important part of the user journey (Pricing page)
  11. “Weird” means you can make mistakes “Weird” means you don’t

    have to be like anyone else “Weird” means different