By Jeff Kline


4 More Web Design Trends Making A Splash This Summer

Tuesday, May 27, 2014

Is your nonprofit website looking a little drab? Maybe it’s time to take the plunge and try out some of this summer’s hottest web design trends!

If you were here last week, then you’ve already seen some cool new web design trends—background videos, geometric elements, manipulated photos and geometric overlays. Today we’ll look at the latest trends in color palette, typography, iconography and page layout.

Ready? Let’s dive in!



Simplified Color Schemes

As web designers continue to embrace the minimalism trend, simplified color schemes have become more popular. Rather than using a lot of different colors, designers are experimenting with designs that incorporate only one or two colors.

The RU4Children website is almost entirely in shades of gray, except for those bold orange accents. This is proof that less really is more.

RU4Children website


Mix & Match Typography

The typical rule of thumb has always been to keep typography simple, using just one or two typefaces.

But an edgy new trend has emerged. Lately, many designers are opting to mix and match multiple fonts on a single website. shares 4 interesting techniques for combining different fonts. Here’s an example of one of their palettes:

As is the case with all daring new design trends, the mix-and-match look should be approached with caution. If it isn’t properly executed, your website could end up looking scatterbrained and sloppy.

But when fonts are masterfully mixed and matched, the result is a look that is truly unique to your organization. Take the Jacksonville Art Walk website, for instance. They mix three different typefaces—hand drawn, serif and sans serif—to create a cool artsy look that’s still perfectly easy to read and navigate.

Jacksonville Art Walk website


Hollow Icons

Icons are a major component of today’s flat design trend.

A new trend among icons is the hollow icon—the outline of a shape. An alternative to solid icons, hollow icons are aesthetically lighter and more subtle.

solid vs hollow icon 

Hollow icons are popping up everywhere, and not just on websites. Mobile operating systems like Apple's iOS 7 use hollow icons, too.

iphone keypad

But using hollow icons is another trend that should be approached carefully.

Some designers argue that solid icons are still best practice. Software designer Aubrey Johnson believes solid icons are easier for the brain to process, and that hollow icons create more work for the viewer.

However, another design blogger, Bobby Solomon, argues in favor of hollow icons.

Web Designer Depot jumps into the conversation too, sparking an interesting discussion in the comments section.

The consensus? An icon’s job is to communicate something to your audience. Because every web design is different, and every audience is different, whether a hollow icon or solid icon is best will vary from one website to another.

The hollow icons on the Jacksonville Art Walk site work because they are accompanied by text. The icons don’t have to do all the heavy lifting—they’re just there to add a nice finishing touch.

line icons on jacksonville art walk website


Full Page Layout

A full page web design—with no left or right sidebars—has already become popular for homepages. But now the full-page trend is moving to interior pages, too.

It’s amazing what getting rid of side columns can do for your website. There’s more room for whitespace—creating a calm and minimalistic look—and it’s easier to keep your visitors focused on your message without distracting them.

A great place to try out a full-page layout is with your blog. Because there’s no sidebar on the charity: water blog, there’s nothing to do but read the article!

charity: water blog post


Have you applied any of these web design trends to your website?

Does your website use an eclectic set of fonts? Have you successfully implemented hollow icons? Have you done away with excess color and side columns?

If you've applied any of these emerging design trends to your website, we’d love to see it. Share your website in the comments section below!


free website assessment


comments powered by Disqus
Back to top