3 Essential Design Trends, March 2020
Color, heroes, and a new way to create design depth are what we are looking at this month.
Warm Colors, Especially Reds
Warm colors – especially red tones – are back in! As a point of reference, warm colors are vivid and bold and can sometimes be overwhelming because they can occupy and fill space will a feeling of fullness. Warm colors include reds, oranges, and yellows. They are all on the same part of the color wheel, which can be divided into warm and cool colors (blues, greens, and purples). The nice thing about these warm colors is that they are bold without the same levels of brightness that have been popular for a while. They aren’t as overpowering as brights on smaller and darker screens and really set a different tone for the design that’s a little more serious. Each of the examples below uses a warm (red) color palette in a different way. Skull & Roses uses a red and purple (warm and cool) palette to create contrast and fun gradients and color.![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/skull.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/amanda.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/atlanta.jpg)
Full-Screen Heroes
An oversized hero image is nothing new. But hero headers that occupy the entire home screen are. The trend also seems to come with another new element — no obvious navigation or need to scroll (although it’s often there). The result is a trend with super clean designs, with the possibility for design or usability challenges. This trend works for one reason: Thanks to mobile usage, people are getting more accustomed to (or trained) to scroll. Small screens make it a way of life and this trend is relying on that to work. But, will users know what to do and get past the homepage? Can you find the visual cues in these examples? The Island has a fun full-screen video loop and has a right-hand scroll bar as a visual cue and a tucked in scroll icon on some screen sizes. A hamburger navigation menu can also help you find what you are looking for in this clean design.![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/island.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/wayout.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/creator.jpg)
Neumorphism
This trend is one that is a mash up of popular web and app design techniques that’s starting to show up most commonly in app concepts. Neumorphism (or new skeuomorphism) can be traced to an analysis by Michal Malewicz of Hype4 who did a nice deep dive into what this trend is (and isn’t) and how it works for designers. Neumorphism seems to be most popular when designing card-style interfaces. The style can be identified by use of inner- and outer shadows to create an illusion of softer shapes that seem to lift off the background canvas. Here’s how Malewicz describes it:A Modern / Material (upgraded) card usually is a surface floating on top of our perceived background and casting a shadow onto it. The shadow both gives it depth and also in many cases defines the shape itself — as it’s quite often borderless.While this trend has a cool, fresh look, it does come with some challenges. Primarily those issues deal with accessibility and contrast. Either way, it’s a fun take on moving away from completely flat concepts to something with more depth, particularly for app-based interfaces. Time will tell if this trend really lifts off or not, since it is still in its infancy. Want to play with neimorphism on your own? You can try this fun little CSS generator.
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/bank.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/neum.jpg)
![](https://www.webdesignerdepot.com/cdn-origin/uploads/2020/03/music.jpg)
Conclusion
Of this month’s trends, the return of warm colors is especially nice. Red tones are inviting and interesting and a good shift from the super brights that have been so popular. The other trends each present their own usability challenges, but have high visual interest. Could you see yourself using them in projects? (A portfolio, maybe?) What trends are you loving (or hating) right now? I’d love to see some of the websites that you are fascinated with.Carrie Cousins
Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…