Neubrutalism

Neubrutalism, also spelt Nu-Brutalism, Neo Brutalism, and alternatively referred to as Neo Memphis, is a design aesthetic that focuses on breaking the traditional conventions of design by using unconventional visual elements, such as contrasting color palettes and grotesque typefaces.
== History ==
Neubrutalism's namesake originates from the architectural movement Brutalism, which utilized unpainted concrete and geometric designs, favoring functionality over conventional aesthetic standards; Brutalism was minimalist, utilitarian, monochrome in nature. Although Brutalism and Neubrutalism are very different visually, they both share the core value of breaking the conventions of design and create visuals in their most basic shapes and forms.
The earliest example of the Neubrutalist movement can be traced as back to the Early/Mid-2010s, but the aesthetic that is commonly recognized as Neubrutalism would not form until the Late-2010s/Early-2020s, when it started to become more widespread. In 2022, Neubrutalism became mainstream within UI/UX and graphic design, with websites, apps, and advertisement adopting the aesthetic.
== Visuals ==
Neubrutalism's visuals focus on defying the traditional principles of design. This is contrast to Flat Design, which focuses on conforming to the traditional conventions of design. However, Neubrutalism and Flat Design both share the common purpose of easing accessibility and improving functionality.
Neubrutalism's key visual motifs include:
* Geometric blocks
* Contrasting and off-putting color palettes
* Unusual and grotesque typography
* Stretched typefaces
* Uppercase lettering
* Hard 45º angled shadows
* Dark outlines
* Oversized UI/UX
* Illustrations and static animations
* Pseudo-3D objects
* The lack of gradients or other visual effects
* Random or inconsistent layout
Neubrutalism is also heavily driven by 1990s and Early-2000s nostalgia, especially driven by Memphis Design and Old Web, which both share visual motifs with Neubrutalism such as geometric shapes, zig-zagged lines, graph paper grids, computer windows/tabs and icons, and Y2K inspired imagery.
== Websites ==
* Gumroad
* Mozilla: The Super-Official Family Tech Agreement
* Figma
* Readymag
* Pizza Pizza
* Guía de Cirugía Cardíaca
* Christou 1910 DAYS
* Plus
* Mafanfa
* Groupe Castor & Pollux
* Badass35
* The Great Lake Michigan (website)
* Budapest Park
File:1 jwqnkLxVojUBSbbRtENe7Q.png|Gumroad
File:Ffneubrutalistsite.jpg|Mozilla Firefox
File:Figma 2.jpg|Figma
File:Readymag 1.jpg|Readymag
File:Pizzapizzapizzapizza.jpg|Pizza Pizza
File:Guia cardiaco 2.jpg|Guía de Cirugía Cardíaca
File:Happydaysite.jpg|Christou 1910 DAYS
File:Pluswashing 1.jpg|Plus
File:Manafana.jpg|Mafanfa
File:Groupecastorpollux 1.jpg|Groupe Castor & Pollux
File:Badass35-website-brutalist-black-and-yellow-design.png|Badass35
File:7587a2c13aaf5695e0506f271328de897e37fcf0-1887x979.webp|The Great Lake Michigan (website)
File:9db079c15a4010765c2937d63a6968b914a3cf92-1909x986.webp|Budapest Park
== Gallery ==
File:Neubrutalistexample.png
File:638537fcab2f0b1a4eda5f08 neo-brutalism.png
File:1f9d5e56-28f1-4756-b32e-4363930446dd-cover.png
File:Original-c04ab36886c294a1f26ec6ec243807e6.png
File:94dcc0401551a650e2d76460f14e6bef.png
File:Original-8d7d7d22da1c0f7d42a7f6c73f713980.png
File:A9f9ab318a232461b9c6dfb169a23b4b.png
File:X7L1snXzFAEBS8WIbVDDhfjbulTbW6eS1VeFssDAW2Q.webp
File:1 W-2J-FcK-tLxlzLehoNx0w.png
File:Nqobmfqvl6ha1.png|https://www.reddit.com/r/androidthemes/comments/10xxkt0/contest_neubrutalism/
File:7cf6cab216ad88b9c8a3c5a130c1f377f27ba96e-1965x1515.webp|An example of pseudo-3D in Neubrutalist style
File:1 6Mb6eiDL2IC0AwHZaqQYkg.jpg|Spotify Wrapped 2021, later edited to become a meme.
== Resources ==
* https://www.svgator.com/blog/neubrutalism-in-web-design-embracing-the-ugly/
* https://webdesign.tutsplus.com/what-is-the-neubrutalism-web-design-trend--cms-41576a
* https://dodonut.com/blog/neubrutalism-web-design-trend/
* https://bootcamp.uxdesign.cc/the-neubrutalism-or-neo-brutalism-ui-design-trend-641714825fed
* https://medium.com/@ter2yzheng/neubrutalism-the-raw-and-accessible-ui-trend-of-2023-477c49d7ae4a
* https://medium.com/@pallavimitra432/neo-brutalism-the-falsely-accused-ui-design-trend-d2f06377297b
* https://cari.institute/aesthetics/nu-brutalism
* https://www.are.na/consumer-aesthetics-research-institute/nu-brutalism-cycennj0uv8
Category:Needs work
Category:2020s
Category:Design Aesthetics
Category:Visual
Category:Art
Category:Rainbow
Category:Black
Category:2010s
Category:Ism suffix