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

by Kawsar Ali

August 18, 2010 in Inspiration

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.

Powered by Shutterstock

About Kawsar Ali

  • Klimatici

    Aug 18th

    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!

  • Pedro Costa Neves

    Aug 18th

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

  • Amanda

    Aug 18th

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

  • cielo

    Aug 18th

    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.

  • alex tass

    Aug 18th

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

  • Alojamento Web

    Aug 18th


    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.


  • Lee Regan

    Aug 18th

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

  • Kawsar Ali

    Aug 18th

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

  • ruopolo

    Aug 19th

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

  • pratham

    Aug 19th

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

  • Web Design Delhi

    Aug 19th

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

  • Web Design Nottingham

    Aug 19th

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

  • Sasha

    Aug 19th

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

  • neil

    Aug 19th

    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…

  • Amelia Johnson

    Aug 20th

    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.

  • Elgart

    Aug 20th

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

  • Caroline

    Aug 20th

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

  • Andrea

    Aug 20th

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

  • santa barbara web design

    Aug 21st

    Those collections are so nice!

  • Matt

    Aug 23rd

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

  • Krishna

    Aug 24th

    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! :)

  • Victoria Blount

    Aug 24th

    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.

  • John Crumpton

    Aug 24th

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

  • Senta

    Aug 25th

    I always love to see cool design stuff.

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

  • jason

    Aug 29th

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

  • Puru Singh

    Sep 1st

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

  • Отработени Масла

    Nov 3rd

    Nice collection, …

  • graham

    Nov 16th

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

  • Helena

    Apr 1st

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

  • email

    May 6th

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

  • Marrynelax

    May 17th

    other nice website with sky :

  • Built in Bedroom Furniture

    May 31st

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

  • sikis izle

    Jun 1st

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

  • Freelancelogo

    Jun 22nd

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

  • Jason

    Jul 20th

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

  • Leave a Comment

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