25 Wonderful Websites with Blurred Backgrounds

Gabrielle Gosha
Tweet

As designers, we’re frequently asked to focus our designs on specific goals and purposes. But, believe it or not, sometimes losing focus can work just as well to your advantage. One of the latest design trends making the rounds in the web design world is out-of-focus, blurred, or “bokeh” backgrounds. There are many reasons that a designer would utilize a background that isn’t in focus: it can draw attention to something else in the foreground, and it can create a new and unique feel that your design might have been missing. While you all are enjoying the holidays with family and friends, why not start working on your list of new trends to try next year? Here are some great and inspiring web designs that use out of focus backgrounds effectively.

Cage

Charitable Themes

Daniel Filler

Do

Everpix

Fat Dragon

I Track My Time

Joost Huver

Joshua Smibert

Mambo Industries

Moovents

NEC

Niiws

Over

Pine Trail

Playground

Poco People 

POP

Rylographic

Salty Knuckles

Schick

Space Box

Square

Team Geek

Weather Dial

Conclusion

Using blurred and out-of-focus designs can make your web content stand out, whether you choose to use photography or abstract designs. You’d be surprised how sharp a design can look with a blurred background.

Are you a fan of blurred or “bokeh” backgrounds. Do you employ them to turn focus onto the foreground content, or do you avoid them altogether?

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Michael

    Not sure that this is a new trend, it was done a few years ago on gamedaypresentation.com

    These examples do look good, whether new or not.

    • http://digifaceproject.wordpress.com Gabrielle

      True it may not be new trend, but it does seem to be coming quite popular and more frequently used.

  • http://whetstonedesign.co.uk Jim

    Very effective, I love how these really emphasise the foreground!

  • http://www.aveco-service.be Willy

    I always haven known, I had to keep my blurry pictures.

  • http://www.konoozi.com Bryan

    All these blurred designs are really effect and beautiful if we able use them in classy way like these :).

    • http://digifaceproject.wordpress.com Gabrielle

      I couldn’t agree more Bryan!