3 Essential Design Trends, September 2023

Carrie Cousins.
August 28, 2023

Trends in website design right now are offering a bit of a glimpse into the future with elements that are part of full website aesthetics, not small changes as we’ve seen a lot of recently. From monochromatic color palettes to magazine-style layouts to a shift in the way navigation is designed, there’s a lot to digest this month.

3 Essential Design Trends, September 2023.

Here’s what’s trending in design this month:

1. Monochrome Color Schemes

One-color design patterns can be beautiful and somewhat enchanting. With tints and tones of the same base color, there is a certain elegance that comes with a monochrome color scheme.

Designers who have worked with color in this way know that while the end result may look simple, the plan for creating it can be anything but! Especially with website design, when you have to think about contrast and accessibility, a monochrome design takes a lot of planning.

You can do it in a few different ways – with background and foreground colors or patterns. With images. With text color. There are a lot of possibilities.

The trick to making it work is to use monochromacy in a way that sets the right feel but maintains readability. Often, that means you will use dark or light text elements with your otherwise single-color theme.

Belka Games uses a coral theme with a very light background version of the color with a bold bright version for text elements (with black accents). It’s easy to read and has a fun feel, thanks to the color choice and font selection.

Belka Games

Deadly Secrets of Color Green uses a green patterned background with multiple layers and an animation that uses a few more shades. The text is colored in the same monochromatic feel in the hero area (although it flips to white for most of the rest of the design). It’s a fun design, and the color carries throughout.

Deadly Secrets

TwinBru uses an unexpected beige-mauve monochromatic color scheme with nifty animations in similar colors. The site, which is about performance fabrics – is designed in such a way that you can almost feel what they are talking about, thanks to color and animation.

TwinBru

2. Magazine-Style Layouts

There’s something that feels both kind of retro and modern with magazine-style website layouts. As a carryover from print to the web, these designs often have big images, plenty of space, and oversized headlines.

While you might find some animation, the design is often rather flat – hence the retro feel – and almost all of the design elements are in their own containers without a lot of layering or overlap.

The great thing about a magazine-style layout is the design is easy to read and follow. While they might look super simple to create, it does take a lot of planning to get just the right harmony for all of the pieces.

Anotherkind plays up the retro feel with the typography used in the main site title and page headline. The serif with orange color is bold and leads the eye down the screen. Plenty of space before the main copy block is also an homage to print.

Anotherkind

Synchrodogs uses a similar aesthetic with even more of a print feel. Did you notice the navigation tucked into colored boxes at the top? (It’s such a small detail that you might have missed it in comparison to the size of the main headline.

Synchrodogs

Brooklyn Editions goes in a totally different direction visually but still has a very magazine-style design. This is magnified on the scroll as you can almost feel the pages turning between content elements. The stark cover is also in contrast to more colorful elements “inside,” but the overall feel is not lost.

Brooklyn Editions

3. Navigation Elements in a Box

Making navigation elements stand out and easy to find is almost always part of a web designer’s charge. (It’s almost as common as “make the logo bigger!”)

One way to ensure that navigation always has a clear space and doesn’t get lost in the mix of other elements is to box it. Containerizing menu items ensures that they always appear as intended, and there are no worries about sacrificing readability if there are a lot of things happening in the background.

Boxed navigation can be fixed or sticky and even have a shrinking container, if necessary. This is a solution that’s been gaining quick popularity because of the ease of readability and interactivity for users.

The look of boxed navigation can vary, though. That’s where your creativity comes in. Here are three different ways to think about it:

Brand New School takes a fairly traditional approach with boxed navigation at the top of the screen. The full-width menu is in a white box and includes a logo, navigational items, and shopping link. The Easter egg is in the light mode/dark mode toggle, which then swaps the whole design color scheme, including the nav.

Brand New School

Gotham NYC takes a slightly different approach with two layers of boxed navigation – one with menu items and a second, smaller element for address and hours. The boxes have curved edges and an opaque color for ideal readability so that the boxes don’t seem obtrusive.

Gotham NYC

DPTO goes all in on the boxes concept and believes in it enough to anchor the navigation at the bottom of the screen in a bright yellow container. With the color scheme of the design, there’s little way to miss the navigation, but any nontraditional placement can be risky. The box definitely helps pull it all together here.

Departamento

Conclusion

While many of this month’s design trends aren’t all that radical, they do involve thinking about the entire site design to deploy. These are not things you can just sprinkle into an existing design with ease.

They are great ideas, though, as you start new projects. Have fun!

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

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…