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.

  1. August 18, 2010

    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!

  2. August 18, 2010

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

  3. August 18, 2010

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

  4. August 18, 2010

    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.

  5. August 18, 2010

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

  6. August 18, 2010


    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.


  7. August 18, 2010

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

  8. August 18, 2010

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

  9. ruopolo
    August 19, 2010

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

  10. pratham
    August 19, 2010

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

  11. August 19, 2010

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

  12. August 19, 2010

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

  13. Sasha
    August 19, 2010

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

  14. neil
    August 19, 2010

    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…

  15. August 20, 2010

    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.

  16. August 20, 2010

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

  17. August 20, 2010

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

  18. Andrea
    August 20, 2010

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

  19. August 21, 2010

    Those collections are so nice!

  20. August 23, 2010

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

  21. August 24, 2010

    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! 🙂

  22. August 24, 2010

    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.

  23. August 24, 2010

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

  24. Senta
    August 25, 2010

    I always love to see cool design stuff.

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

  25. August 29, 2010

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

  26. September 1, 2010

    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..

  27. Nice collection, …

  28. November 16, 2010

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

  29. Helena
    April 1, 2011

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

  30. May 6, 2011

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

  31. Marrynelax
    May 17, 2011

    other nice website with sky :

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

  33. June 1, 2011

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

  34. June 22, 2011

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

  35. July 20, 2011

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Collection of Abstract & Retro Futuristic Designs