Showcase of Websites with Blurred Backgrounds

A few months ago we published a post to showcase examples of the current web design trend of using blurred photos as website backgrounds (see Design Trend: Blurred Backgrounds in Web Design). Since the time that post was published we’ve come across many more examples of this trend continuing to gain popularity. In this post you’ll find another 23 examples for your own design inspiration.

The blurred photo backgrounds continue to be especially popular with sites for mobile apps and web apps, but a variety of different types of sites are also included.

Eco

Eco

Tiny Factory

Tiny Factory

POP

POP

Maestro

Maestro

Everest

Everest

Flex

Flex

Bakken & Baeck

Bakken & Baeck

Noteshelf 

Noteshelf

Forty Ninth Parallel

Forty Ninth Parallel

Fan Circuit

Fan Circuit

Over

Over

Bislr

Bislr

Picatic

Picatic

The Funtasty

The Funtasty

Everpix

Everpix

Grooveshark

Grooveshark

Color

Color

Playground Inc.

Playground Inc.

IdeaKites

IdeaKites

Space Box

Space Box

Gather Content

Gather Content

Meernotes

Meernotes

Instafocus

Instafocus

For more design inspiration please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

5 Responses

Comments are now closed on this post.

  • hjoaco, February 25, 2013

    Excellent!!

  • Steve Bonin, February 26, 2013

    I like Trainboard, just enough blur but you still get the “picture”

  • Andra, February 27, 2013

    You’ve put together a nice showcase. It’s all about smartphones and tablets these days:)

  • Caleb, February 28, 2013

    Thanks for posting! While this is mostly a design trend, it really fits in nicely with the “flat-design” minimalism movement.

    The most important thing as designers is to remember to not copy something just to be trendy. We need to make sure it fits with the character of the brand we are designing for.

  • D, March 12, 2013

    SOmething nice about blurred backgrounds is when you save for web on photoshop you have the option to blur there which saves quite a bit on filesize and often gets the desired look.