New “Out of This World” Trend in Web Design

Articles   April 14, 2008  by

While browsing a variety of CSS web design galleries, I started to notice a recurring theme in several website designs. The theme I noticed was out of this world! All the sites had a space theme, where you could see planets, stars and or nebula type effects. Its not like we haven’t see spaced themed websites before, people have been doing them for a while, but whats interesting is when there is a sudden resurgence of an old theme or new theme.

The last theme I noticed a lot of designers implementing was a wood grain theme, where the background would be some sort of wood texture and often you would see the text over rectangles with lowered opacity. This theme is still all over the place, but now I’m starting to see a lot of websites with this space theme.

Two Reasons Themes Spread Like Wildfire

1. Sites like StumbleUpon.com, Behance, Corofolot and Design:Related allow designers to view other portfolio websites very quickly and easily. Designers then absorb everything they see such as a cool themes or design elements and introduce the theme or element to their own work or site.

2. A lot of designers follow tutorial sites like PSD Tuts which sometimes have tutorials such as “Create Spectacular Concept Art in Photoshop” and “Fiery Photoshop Space Explosion Tutorial“, which inspire designers to implement what they just learned into their own website.

Below are a bunch of websites with space themes that were submitted to recent CSS gallery websites such as CSS Mania and CSS Remix. Anyone else notice a sudden resurgence of space themed website or any other themes?

space-websites-1.jpg

space-websites-2.jpg

space-websites-3.jpg

space-websites-4.jpg

space-websites-5.jpg

space-websites-6.jpg

space-websites-7.jpg

space-websites-8.jpg

space-websites-9.jpg

space-websites-10.jpg

 

Cadence is You The Designer's senior blogger, and the most jack-of-all-trades of the staff. She's always trying out something different every day, some of which fuels her posts here on the blog. Let her know if you want us to post more about your favorite topic - she might know more than a thing or two about it!

Articles
29,928 views
The One Page Graphic Design Portfolio Guide
News
40 views
News Flash – New Look, New Features!
Resources
105 views
A Network of Useful Websites
A Network of Useful Websites
39 Responses
  1. Brian   -   April 14, 2008 at 12:32 am

    This is definitely an interesting trend – no doubt about that. I wonder if this will turn out to be as big as wood backgrounds…who knows.

    Good find though and some really great sites that you featured – great job.

  2. Andrew   -   April 14, 2008 at 9:55 am

    I’ve noticed the exact same trend over the past couple of months! Everytime I browse a CSS gallery it seems there’s a new website out there rocking a space theme. I think the concept is cool, but some sites are taking it a bit too far.

  3. K.Brown   -   April 14, 2008 at 10:23 am

    I’ve noticed this too. These are all great sites!

  4. ron   -   April 14, 2008 at 11:02 am

    maybe you should check out apple’s leopard for an explanation.

  5. Roweena   -   April 14, 2008 at 2:03 pm

    Yes! And I just realise that I have inadvertently used this theme in a client website, without even realising it to be a trend, just goes to show how much we absorb visually.
    Guess it’s a change from the usual web 2.0 look.

  6. Daniel Vice   -   April 14, 2008 at 3:27 pm

    I don’t think that it is a coincidence that the new OSX has a space theme. I think things like that seep into our sub-conscience, especially when it is used in a product/brand that we see as high quality or admire. Then when we are making design decisions we sometimes have an emotionally positive bias toward a certain look even though we may not know why.

  7. Fabio Sasso   -   April 14, 2008 at 6:46 pm

    Thanks for listing my site, actually the name of my site means abducted in portuguese, however I think apple’s Leaopard with the Time Machine interface has contributed to that trend..

  8. Angel G.   -   April 15, 2008 at 3:26 am

    Just to add to the list: anywhere.fm an amazing website for music, and the whole background is space!

  9. Andy Blount   -   April 15, 2008 at 4:56 am

    Thanks for including our site in the list. You are spot on with our inspiration when coming up with the look for Sitemakers. A little of it came from Leopard (which the director is fanatical about), a little came from a PSDtuts article and a little of it was based on our corporate branding and colour scheme.

  10. Scott   -   April 15, 2008 at 7:10 am

    Was going to make a comment but I see several people beat me to it.

    Apple setting a trend. Not the first time that’s happened huh?

  11. [...] Visit Article [...]

  12. Fubiz   -   April 15, 2008 at 3:12 pm

    Yes Time Machine Effect !

  13. [...] New “Out of This World” Trend in Web Design Related Stuff32 Wicked White Websites35 Beautiful Bright, Colorful Web Designs77 Resources to Simplify Your Life as a Web Designer65 Resources for Grid-Based Design70 Resources Professional Web Designers Choose to FollowHow to Create a Blog Design from Scratch?6 Web Design Tips from Leonardo da Vinci11 Factors to Consider When Designing Your Blog Theme50 of the Best Church Website DesignsNiche Galleries [...]

  14. [...] Out Of This World a new old trend in modern web design? According to Gino Orlandi, more and more “sites have a [...]

  15. Harrison   -   April 15, 2008 at 9:41 pm

    Yeah i’ve been noticing it also, people copy apple like crazy.. web 2.0, now space

  16. J S   -   April 15, 2008 at 11:30 pm

    Space theme is an easy step from a dark desktop theme (Vista,newer Mac). So just following the color trends.

  17. Romeo   -   April 16, 2008 at 10:12 am

    Definitely out of this world. I like the designs with floating content, definitely thinking outside the box there. Watching some of these designs emerge is a great way to get ideas of your own. There are only so many ways to make a website.

  18. Gino   -   April 16, 2008 at 11:52 pm

    Yeah good point all, I’m sure Apple was a huge influence.

  19. Eivind   -   April 17, 2008 at 4:06 am

    I discovered this myself just a week ago… Interesting to see the same observation popping up. Though, you’ve managed to dig up more sites than I did :)

    I definitely like the style, though… And I also think, as others mentioned, that the release of Leopard helped to spark the trend.

    And don’t forget ttthings.com … Awesome site, with a well-executed space theme :)

  20. Heinrich   -   April 18, 2008 at 9:22 am

    Hey guys, check out http://www.artificialstudio.com

    Also a bit of a space theme going. and its not half bad at all.

    Laters

  21. brian cleveland   -   April 18, 2008 at 1:45 pm

    the web trends always seems to follow apple..

  22. Chad Miller   -   April 18, 2008 at 2:42 pm

    Let’s not forget http://www.2advanced.com They ‘Eric Jordan and Co.’ is an early design with this Trend in mind, almost a little more intense and detailed than the sites listed above, but none the less a space sci-fi type design. It was done quite a few years ago though.

  23. bathroombuzz   -   April 18, 2008 at 9:41 pm

    perhaps it looks futuristic than ordinary theme…

  24. dp{i}   -   April 19, 2008 at 1:02 pm

    great choice! i like to work with some of these effects, but also for print media.

  25. Ypsy   -   April 20, 2008 at 8:38 am

    Great trend. Think i’ll implement something like that in my blog too. What about copyrights of the famous pictures of stardusts from the NASA etc. Are they very strict or could you use one of them?

  26. Jake Rutter   -   April 21, 2008 at 5:08 pm

    I wonder if these sites starting popping up before or after the release of Apple’s new OS Leopard.

  27. Kavando   -   April 22, 2008 at 5:13 am

    Thought I’d see http://www.2advanced.com in this list! :)

  28. David Sparks   -   April 23, 2008 at 11:53 am

    My site has this same effect going on too. I hate it though and I’m currently in the redesign process. but I too did this look a few months ago.

    already over it however.

  29. Rina   -   April 23, 2008 at 2:38 pm

    a little more influence – my site: http://honeydesign.com

  30. Josh Franco   -   April 24, 2008 at 7:05 am

    Wow, what a strange and interesting feel this new outer space thing has – I gravitate towards it :)… Good point btw of the folks who mentioned that Apple may have a hand in making this new thing popular, who knows!

    It’s kind of refreshing to see something new like this emerging! I’m wondering how people are going to incorporate this theme into clients’ websites, like the grunge or worn look… hehe

    I for one like this stuff cheers!

  31. David   -   April 26, 2008 at 12:42 pm

    Yep, I too have fell the urge to design space related content.

    It is just so vast when it comes to ideas and color that I feel more free. ;)

  32. Nastya Manno   -   April 28, 2008 at 12:55 pm

    This is a remarkable and very useful sites. Thank you great! I found a lot of new for me.

  33. BMD-Media.com   -   May 3, 2008 at 4:59 am

    The darker themed websites seem to be catching on with full force. Gotta love the radiant blues

  34. web designer   -   May 4, 2008 at 1:58 am

    I am totally surprised to see there “is” such a trend in web design.. planetary view and cosmic theme.. yesterday I have also seen boagsworld at http://headscape.co.uk/holding/index.html and it was also the same..

    Interestingly, my personal site had another similar fashion regardless of them:
    http://www.kunterilalan.com/_index.php

    don’t mind if the code is not even semi-accessible since it was at his pre-historic development phase in that sample, where an AJAX controller checks the last status of the globe and updates it .. which was disabled at that sample again….

    anyway .. may be a cosmic creative spark influences us :) God you’re the only one

    best regards;
    kunter ilalan

  35. Michiel Ebberink   -   May 6, 2008 at 8:16 am

    What about the Apple? Check out the desktop picture and Timemachine.

  36. Flamov   -   May 13, 2008 at 12:53 pm

    I’ve got my own attempt over at http://www.flamov.com :-)

  37. [...] New “Out Of This World” Trend In Web Design [...]

  38. maria   -   October 3, 2008 at 9:04 pm

    I totaly liked your idea thanks for this post.

  39. [...] New “Out Of This World” Trend In Web Design [...]