3 Essential Design Trends, August 2023

Carrie Cousins.
July 24, 2023

There’s an overall movement in website design right now where there are no dominant hero image or video on the homepage. Look at some of your most visited websites, and you might see this trend in action. You’ll surely see it among the three other trends we explore in website design here.

3 Essential Design Trends, August 2023.

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

1. Round, Animated Text Elements

Everywhere you look, there seem to be spinning circles of text. While these elements aren’t the easiest to read, they are intriguing to the user.

What are you supposed to do with this spinning content? Click? Just look at it?

Usage can vary greatly by the design, but one thing is certain. It gets your attention, and designers seem to love this technique right now.

In almost all uses of round text elements, there’s a circular motion that accompanies the text. For the most part, the motion spins clockwise – this follows natural readability – although that’s not always the case. Another commonality is that these elements often contain only a few words, further aiding readability.

Here are three examples doing it in similar but different ways.

Thirteen23 uses a large spinning text element over the main headline to draw attention. The motion actually shifts between clockwise and counter-clockwise with a mouse hover.

Thirteen23

Pear uses a quick motion ring of text next to branding to help draw the user in so that they focus on the quick call to action to get started with the app below. This is one of the larger text size uses we’ve seen in this style, and the motion is pretty quick.

Pear

Danilo DeMarco uses simple, round, animated text elements for a portfolio website. The element is designed to help draw your attention toward the scroll and deeper into the portfolio website.

Danilo DeMarco

2. Collage-Style Image Treatments

When you don’t have a large image or video for the homepage, a bunch of smaller images can do the trick. Many of the collage-style treatments we’ve seen include quite a few smaller photos, often with an interactive component, and in a variety of shapes and sizes.

This is one of those design trends that seems to break all the rules to have a life of its own. In most cases, this visual chaos still seems to work, although it defies logic to a certain degree.

Tora does it with two rows of images that scroll slowly in opposite directions so you get a feel for the restaurant. This collage uses a tight and organized grid with a very planned feel.

Tora

Lisniakkk has small photos of paintings placed in a seemingly haphazard fashion on the homepage that animate with a zoom-in effect on hover. Additionally, each piece of art is clickable. What’s most interesting here is that elements in the “collage” overlap. This isn’t very common among other designs in this style.

Lisniakkk

Cosmos uses multiple images in different sizes, shapes, and on different grids to create an interactive showpiece. There are interactions that happen on hover and scroll that take you deeper into the images.

Cosmos

3. Huge Text Treatments

How big is too big for text elements? Each of these website designs pushes that boundary. How does it make you feel? Is the text size uncomfortable or fresh and different?

The commonality is that each of these designs uses a single, huge word as the primary art element as well as branding. Each example also uses the “big word” in a different way to draw in users uniquely.

Zajno leads with a larger-than-life brand name. The navigation elements are tiny and are in the same space as the oversized headline. The type treatment is tight and compact even though letterforms have a lot of heft. While it looks cool, do you know what the site is about?

Zajno

Boldly Foods uses giant lettering on a bright background as a load screen while the rest of the design comes in. (It then features big images in a slider, with a stall large “Boldly” brand element.)

Boldly Foods

Konrad uses a big, beautiful font to showcase the letters from the type house. This might be one of the best uses of this technique we’ve seen because the huge text element is to help showcase and sell that exact typeface. (Keen eyes will also note the use of the type specimen in the round animated circle at the bottom of the homepage screen as well for two trends in one here.)

Konrad

Conclusion

While not all website design trends are created equal, some are more usable than others. Each of these trends is fairly simple to deploy and can help provide something visual for a design when you don’t have a lot of great art to work with. Hopefully, these examples provide inspiration for just those types of projects.

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…

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,…

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…

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…

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…

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,…