3 Essential Design Trends, July 2023

Carrie Cousins.
June 26, 2023

While the summer season seems to be the time when trends slow down some, there are still new things happening in website design. Often this is a season of design evolution, rather than complete overhauls of standard design practices.

3 Essential Design Trends, July 2023.

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

1. Dark with Bright Text

Dark backgrounds are a design trend that never goes out of style. (Thank you, dark mode!)

The subtle shift has been in the color of accompanying text elements, from light or white to bright color. This creates a more cheerful emotional connection to the design with a slightly less stark feeling.

Bright colors can be almost anything if the background is fully dark. The high contrast between dark and bright will ensure readability. The challenge comes in when secondary elements are lighter and can cause concerns about reading with ease.

The 9x8 Project uses some of the brightest colors – neon yellow – but a background image shows how some readability concerns can come into play. In the dark areas, though, the text is quite readable, even at small sizes.

Dan Iqbal uses a dark background with bright orange text for his portfolio design. Everything is easy to read, and the color is engaging. The background rotating text is a nice additional touch.

Finally, Keelvar shows that bright color choices can be somewhat unexpected. A bright purple might not be your first choice, but it pulls elements together in this design nicely.

2. Card Elements with Curved Edges

Card elements keep evolving in different ways, and this website design trend is no exception with card-style elements that all have curved edges. (Most of them almost seem to use the same degree of curvature as well.)

What’s nice about these cards is that they work with any other design style. The examples below show how they integrate well with a white background and image content, animated card styles, and even cards within cards in an almost brutalist design scheme.

Curved edge cards can be flat, have dimension or depth due to shadows, or include animation or hover effects. Content can be practically anything from images to text to video to combinations of all of them.

Here’s how three different websites are doing it.

GET has the simplest of card styles here, with oversized, vertical containers with curved edges. There are text and CTA elements in each. The cards do their job here, creating a visually stunning focal point for the homepage with interactive cues.

Same Same Studio stacks two rows of small cards with a lot of color. Each is a button with calls to action that drop in with a hover state. What’s neat about the cards is that the content therein is different with photos, animation, video, and still frames. It shows how much opportunity is available with this design technique.

Zach Hayes places cards inside cards inside cards on his portfolio website. Every element uses the same curve for edges, and the bright white aesthetic is pleasing. Depth elements on cards and typographic elements contribute to the brutalist feel of the project.

3. Zig Zag Alignment

These designs might leave you asking – where’s the grid? Zig-zag patterns for images and even text can create an on- or off-balance feel, depending on usage. Either version can establish a visual theme that can work on a homepage or for a complete design.

Zig zag alignments can be vertical or horizontal or include stair-step type elements. All of these styles have an off-the-grid feel, but for the most part, they are on a grid, just not the one you might expect. (A half grid can help you keep this style organized with a clear path and positioning for elements.)

You need a few items to establish a pattern to make this work effectively. On the other hand, you don’t want too many elements in the zig-zag pattern because it can get overwhelming. Ideally, you have somewhere between 3 and 7.

Mocha Café and Bar zigs and zags with the letters that make the business name. There are two horizontal baselines for text that keep the typographical chaos organized.

Swiss Deluxe Hotels is using this technique vertically and horizontally, which shows that it can be challenging when it comes to responsiveness. This design looks best and is most readable on larger screens.

Oaks Lane features a stair-step pattern of images that continues from the homepage throughout the scroll in the design. The step sometimes appears on the top line for images but also is used below image frames as well. This method of using a zig-zag style can be quite elegant but requires a highly intentional photo selection for effectiveness.

Conclusion

Sometimes subtle design trends are the best and most practical when considering how to use or incorporate them into your projects. Think of it as an evolution of something you are already doing.

Then a few design evolutions later, you have a whole new design scheme without a significant facelift. This can be an excellent option for your design team and users!

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

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…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…