{"id":10635,"date":"2022-07-27T10:20:43","date_gmt":"2022-07-27T03:20:43","guid":{"rendered":"https:\/\/rometheme.net\/?p=10635"},"modified":"2025-04-07T04:30:49","modified_gmt":"2025-04-07T04:30:49","slug":"neubrutalism-trend-in-website","status":"publish","type":"post","link":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/","title":{"rendered":"Neubrutalism Trend in Website"},"content":{"rendered":"\n

If you’ve read the previous article about what the design trend is, it’s time to take a look at some websites that are implementing this design trend!<\/p>\n\n\n\n

1. Gumroad<\/h5>\n\n\n\n

Check out the muted, clashing, gradient-free colors combined with thick black outlines. Typography is modern and easy to read, setting it apart from the often clunkier styles preferred within the brutalist design. Animations also help to modernize the brutalist design.\u00a0<\/p>\n\n\n\n

\"\"<\/a>
–<\/figcaption><\/figure>\n\n\n\n
2. Figma<\/h5>\n\n\n\n

One of the most famous examples of neubrutalist web design, Figma avoids shadows across all imagery, instead opting for sharper, darker black lines surrounding the shapes. Clashing hues such as orange and yellow also feel a little challenging on the eye which helps them to stand out.<\/p>\n\n\n\n

\"\"<\/a>
–<\/figcaption><\/figure>\n\n\n\n
3. Goodkids Agency<\/h5>\n\n\n\n

As soon as you set a foot wrong on the Goodkids website, it\u2019s impossible to miss the oversized 404 animations which unevenly pile on top of each other to fill the screen. Smiley emojis are in a similar tone to the website\u2019s beige background, making them feel slightly jarring and therefore weirdly eye-catching. <\/p>\n\n\n\n

\"\"<\/a>
–<\/figcaption><\/figure>\n\n\n\n
4. Readymag<\/h5>\n\n\n\n

Channeling retro design trends, you\u2019d be forgiven for thinking Readymag\u2019s website comes straight out of the 90s. Subtle animations help to remind the user this is in fact a modern design choice! The flat grey navigation buttons are eye-catching in their simplicity.<\/p>\n\n\n\n

\"\"<\/a>
–<\/figcaption><\/figure>\n\n\n\n
5. Pizza Pizza<\/h5>\n\n\n\n

Confident in its simplicity, Pizza Pizza opts for a flat red against black\u2014it feels a little difficult on the eye, but you can\u2019t help but carry on looking. The lack of imagery on the homepage also goes against most image-rich websites.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n
6. Guiacirugiacardiaca.com<\/h5>\n\n\n\n

Flat, muted imagery against minimal and modern typography, the Cardiac Surgery Guide is a classic example of neubrutalist web design. Striking simplicity meets modern touches like the cursor when you scroll over content pieces and the logo that spins when the user scrolls.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n
7. Christou 1910 Days<\/h5>\n\n\n\n

The bold white text against clashing colorful blocks is challenging to read\u2014hence you pay extra attention! Modern animations like happy walking clouds fill this fun website, a great juxtaposition against the flat color scheme.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n
8. Plus<\/h5>\n\n\n\n

Orange and lilac? Lemon yellow and royal blue? Daring combinations, but Plus\u2019 website combines them all for an undeniably neubrutalist look. Bold animations and novelty cursers almost gamify this edgy site.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n
9. Mafanfa<\/h5>\n\n\n\n

As you scroll, fun animations burst into action within this neubrutalist website. A lot of thought has gone into how the user interacts with the site\u2014when the mouse hovers over certain elements, many change color or move. To a certain extent, the user creates the website they\u2019d like to see.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n
10. Castor & Pollux<\/h5>\n\n\n\n

A text-heavy site, the Castor & Pollux is sprinkled with color as the user scrolls. Even the social sharing buttons avoid the classic iconography you might expect in favor of simple text signposting.<\/p>\n\n\n\n

\"\"
–<\/figcaption><\/figure>\n\n\n\n

Are you interested in following this trend? I think this trend should be tried at least once in your design life. Good luck!<\/p>\n\n\n\n

Source: webdesign.tutsplus.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

If you’ve read the previous article about what the design trend is, it’s time to take a look at some websites that are implementing this design trend! 1. Gumroad Check out the muted, clashing, gradient-free colors combined with thick black outlines. Typography is modern and easy to read, setting it apart from the often clunkier styles […]<\/p>\n","protected":false},"author":1,"featured_media":10652,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[415,418,419,207,208,78,136],"class_list":["post-10635","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design_inspiration","tag-brutalism","tag-neubrutalism","tag-newbrutalism","tag-trend","tag-trends","tag-web-design","tag-website"],"yoast_head":"\nNeubrutalism Trend in Website - Rometheme Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Neubrutalism Trend in Website - Rometheme Blog\" \/>\n<meta property=\"og:description\" content=\"If you’ve read the previous article about what the design trend is, it’s time to take a look at some websites that are implementing this design trend! 1. Gumroad Check out the muted, clashing, gradient-free colors combined with thick black outlines. Typography is modern and easy to read, setting it apart from the often clunkier styles […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Rometheme Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/groups\/1039541754019284\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-27T03:20:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-07T04:30:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1365\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"rtmstd\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rtmstd\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\"},\"author\":{\"name\":\"rtmstd\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607\"},\"headline\":\"Neubrutalism Trend in Website\",\"datePublished\":\"2022-07-27T03:20:43+00:00\",\"dateModified\":\"2025-04-07T04:30:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\"},\"wordCount\":519,\"publisher\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg\",\"keywords\":[\"brutalism\",\"neubrutalism\",\"newbrutalism\",\"trend\",\"trends\",\"Web Design\",\"website\"],\"articleSection\":[\"Design-Inspiration\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\",\"url\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\",\"name\":\"Neubrutalism Trend in Website - Rometheme Blog\",\"isPartOf\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg\",\"datePublished\":\"2022-07-27T03:20:43+00:00\",\"dateModified\":\"2025-04-07T04:30:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage\",\"url\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg\",\"contentUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg\",\"width\":2048,\"height\":1365},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rometheme.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Neubrutalism Trend in Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rometheme.net\/blog\/#website\",\"url\":\"https:\/\/rometheme.net\/blog\/\",\"name\":\"Rometheme Blog\",\"description\":\"Explore the best design inspiration, tips & tutorials, resources, and more news & updates from Rometheme\",\"publisher\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rometheme.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\",\"name\":\"Rometheme Blog\",\"url\":\"https:\/\/rometheme.net\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png\",\"contentUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png\",\"width\":400,\"height\":70,\"caption\":\"Rometheme Blog\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/groups\/1039541754019284\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607\",\"name\":\"rtmstd\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g\",\"caption\":\"rtmstd\"},\"sameAs\":[\"https:\/\/rometheme.net\/blog\"],\"url\":\"https:\/\/rometheme.net\/blog\/author\/rtmstd\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Neubrutalism Trend in Website - Rometheme Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/","og_locale":"en_US","og_type":"article","og_title":"Neubrutalism Trend in Website - Rometheme Blog","og_description":"If you’ve read the previous article about what the design trend is, it’s time to take a look at some websites that are implementing this design trend! 1. Gumroad Check out the muted, clashing, gradient-free colors combined with thick black outlines. Typography is modern and easy to read, setting it apart from the often clunkier styles […]","og_url":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/","og_site_name":"Rometheme Blog","article_publisher":"https:\/\/www.facebook.com\/groups\/1039541754019284","article_published_time":"2022-07-27T03:20:43+00:00","article_modified_time":"2025-04-07T04:30:49+00:00","og_image":[{"width":2048,"height":1365,"url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg","type":"image\/jpeg"}],"author":"rtmstd","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rtmstd","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#article","isPartOf":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/"},"author":{"name":"rtmstd","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607"},"headline":"Neubrutalism Trend in Website","datePublished":"2022-07-27T03:20:43+00:00","dateModified":"2025-04-07T04:30:49+00:00","mainEntityOfPage":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/"},"wordCount":519,"publisher":{"@id":"https:\/\/rometheme.net\/blog\/#organization"},"image":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage"},"thumbnailUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg","keywords":["brutalism","neubrutalism","newbrutalism","trend","trends","Web Design","website"],"articleSection":["Design-Inspiration"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/","url":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/","name":"Neubrutalism Trend in Website - Rometheme Blog","isPartOf":{"@id":"https:\/\/rometheme.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage"},"image":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage"},"thumbnailUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg","datePublished":"2022-07-27T03:20:43+00:00","dateModified":"2025-04-07T04:30:49+00:00","breadcrumb":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#primaryimage","url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg","contentUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2022\/07\/10-Tips-for-Perfect-Flyer-Design-1-1-scaled-1.jpg","width":2048,"height":1365},{"@type":"BreadcrumbList","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/neubrutalism-trend-in-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rometheme.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Neubrutalism Trend in Website"}]},{"@type":"WebSite","@id":"https:\/\/rometheme.net\/blog\/#website","url":"https:\/\/rometheme.net\/blog\/","name":"Rometheme Blog","description":"Explore the best design inspiration, tips & tutorials, resources, and more news & updates from Rometheme","publisher":{"@id":"https:\/\/rometheme.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rometheme.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rometheme.net\/blog\/#organization","name":"Rometheme Blog","url":"https:\/\/rometheme.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png","contentUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png","width":400,"height":70,"caption":"Rometheme Blog"},"image":{"@id":"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/groups\/1039541754019284"]},{"@type":"Person","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607","name":"rtmstd","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g","caption":"rtmstd"},"sameAs":["https:\/\/rometheme.net\/blog"],"url":"https:\/\/rometheme.net\/blog\/author\/rtmstd\/"}]}},"_links":{"self":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/10635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/comments?post=10635"}],"version-history":[{"count":1,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/10635\/revisions"}],"predecessor-version":[{"id":24542,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/10635\/revisions\/24542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/media\/10652"}],"wp:attachment":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/media?parent=10635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/categories?post=10635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/tags?post=10635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}