Head Up in the Clouds: Web Design that Uses Sky Elements

It is always amazing to designer incorporating different element of nature in their designs. This time the inspiration is cloud, sky and blue palette colors. In this post we are featuring some really beautiful website that used sky, cloud images and illustrations in their design.
Some of this website used stock images and some of them used vectors or combination of both. Nevertheless, the outcome is very professional and fun to see.


Ready Made Design

The Pixel

Calobee Doodles

Dripping in Sunshine

Adobe User Group Nederland

Indiqo Media

Blog Maison Ecologique

Web Design Beach

Manufacturer of Ornamental Shrubs – Maria Papazova

Nottingham Web Design

Barn Festival Bob Gard

Pacific Ohana Hostel



Freelance Logo

Ashok Hotel

Stereo Focus

Fator Criativo

So, what do you guys think ? I liked how some of the website uses parallax and jQuery to improve user interaction. Is there any sky website we have missed? Shout it in the comment.

Kawsar Ali

  • Pff that’s amazing post man! I love all “Clouds” site especially Stereo Focus – it’s so clean! Amazing inspiration – this one I was looking for!

  • NICE!!!
    look that http://inde.com.br they’re simple 🙂

  • Nice collection! http://ottopilotmedia.com/ features some clouds as well!

  • Nice collection! I just finished a site for a client that has a sky and clouds theme… http://simpleworldmentoring.com

    I like seeing how other used these elements in their site.

  • Our website http://www.nocturn.ro uses a night sky/space theme. 🙂

  • Hey,

    For the ones that i choose are Yodaa, Adobe User Group Nederland, Web Design Beach, Above and Freelance Logo.

    Clouds give some sort of happiness to the user.


  • Another one for the list: http://www.onesandzerosfashions.com/

  • Thanks guys. I really enjoy sky themed websites as well. Makes us feel out of this world.

  • ruopolo

    A german Website for the list: http://www.droessnitz.de

  • pratham

    All template design are excellent.In every design lots of variation
    I really like them all

  • Wow! Really Great collection of layouts, very attractive. Thanks for sharing these wonderful layout of web Designing.

  • Thanks for the feature guys! Some great Websites to be listed with =)

  • Sasha

    Even 10 years ago was a good phrase for bad designers “if you don’t know what to draw – draw clouds”

  • neil

    I don’t know…. these are nice, but they are (mostly) just the designs of web-designers and marketing/creative companies. I’d like to see skies used for sites that aren’t by, for and about designers.

    In studying to be a good filmmaker, I’ve heard you should visit an art gallery (instead of focusing solely on watching films). I’d say the same is true of gleaning inspiration for web-design. The last place you should look is a web-designer’s personal site. It’s a bit of a circle jerk…

  • I love the Barn Festival Bob Gard design, The use of colour is lovely and really suits the plain style of the website. Pacific Ohana Hostel Is a well designed website too.

  • Sky elements are so refreshing to the eyes..
    Great designs, those designs are really a 2010 web trends…

  • Hey, thanks a bunch for the feature! Great selections all around.

  • Andrea

    Great review except you missed MOJO-Themes. http://www.mojo-themes.com

  • Those collections are so nice!

  • Great selection of sky sites. Really loving the simplicity and cleaness of them all. Thanks for sharing.

  • Cool list! I use clouds in the design in my website..
    maybe ill make the PT2 list!haha…

    some awesome designs on this list…i cant pick a favourite! 🙂

  • Its so interesting how a cloud backdrop can be the basis for some many individual and expressive headers for websites, from Yodaa’s typical scene to Pixels more fantasy setting.

  • Funny to see an article about this as our website uses sky, tree and bird elements: http://www.double-sided.com/

  • Senta

    I always love to see cool design stuff.

    This site has also a cool cloud header http://www.opensourcehunter.com/

  • http://www.ashokhotel.lk/ is really nice, Thanks

  • Hey, thanks a bunch of wonderful Blog Website design idea. Actually I am looking to design my Client Blog website and I think, I found it.
    I must say, It’s very interesting Web design sample here.
    thanks once again..

  • Nice collection, …

  • great list, I also like http://www.secretseedsociety.com/ which has a really great paper texture look and feel

  • Helena

    Great roundup. Another to add to the list is: http://colormecreative.org
    I particularly like the subtle use of clouds.

  • I love the efforts you have put in this, thanks for all the great blog posts.

  • Marrynelax

    other nice website with sky :

  • A nice collection of sites above… But why is it when I see cartoon clouds on a web page I instantly think “TWITTER”! :O

  • Now, I’m happy and lucky , I started to get real income.

  • Love the sky elements, makes the site look bright and inviting

  • excellent post, really interesting and so helpful, just what I was looking for,