25 Examples of Light and Space Effects In Web Design

I’ve collected some great examples of space and lighting effects that are quite commonly used in web design these days as inspiration, usually accompanied by vivid colours and streaks of light, which is currently one of my favourite styles.

If your interested in creating space effects you might want to check out the space and planet Photoshop tutorials post I put together.

45 Royale

45royale

The Beatles Rock Band

thebeatlesrockband

Studio 7 Designs

studio7designs

Sourcebits Nerve

sourcebitsnerve

Revyver

revyver

Radiiate

radiiate

Pure Dezigner

puredezigner

Klick Studios

klickstudios

Kavoon

kavoon

Satellite Dev

satellitedev

RJ Designz

rjdesignz

Larva Labs

larvalabs

Jan Pivonka

pivonka

Noe Design

noedesign

Monofactor

monofactor

Ligne 13

ligne13

Honey Design

honeydesign

Gummisig

gummisig

Evan Ekard

evanekard

Brain Fart

brainfart

Australia 2018

australia2018

Amber Miro

ambermiro

Albert Lo

albertlo

365 Days Of Astronomy

365daysofastronomy

Votaw

votaw

Comments

Do you like this style of web design or do you find it too over powering. Your thoughts are apreciated please leave a comment below.

Author of this post: Max Stanworth

Iam the creator and editor of Design Shard, I created this blog to post my inspirations, work and free resources that I hope others find interesting too. See all posts by: Max Stanworth

49 Comments (Leave a Comment)

  1. very cool themes and not too over the top. A little flashy is good without being to busy looking. This will give me some ideas for my blog. I need a great theme.

    -Andrew

    Reply
  2. xea

    I like this post ! Thanks :)

    xea´s latest blog post..Robotic Bat: A Sneaky Spy | LiveScience

    Reply
  3. Thanks for the incredible effects, they work really well!

    Reply
  4. WoW! thanks for posting me! What an honor – i was really inspired by some of these sites when i designed my own little version. Keep up the posting!

    Reply
  5. rocky

    this is a nice post

    Reply
  6. Thanks a lot for these…brilliant and inspiring

    Farrukh´s latest blog post..Did you know video – facts you might have missed

    Reply
  7. Ed

    Nice collection. What I find interesting is that nearly all the examples are dark themes, while Albert Lo and Gummisig are white themes. I don’t think either of these examples really “work” – that the use of light and space make an otherwise dark theme mandatory.

    Ed´s latest blog post..The Revolution Will Be Tweeted

    Reply
  8. Thanks alot for sharing these great effects! very effective

    Reply
  9. Great for inspiration….. ;)

    lawrence77´s latest blog post..Global Warming Ads

    Reply
  10. Oak

    I love the monofactor and 365 day of astronomy designs!

    Reply
  11. Nice list here, thx. Like the space theme. Creating a website with a space theme for a customer recently. Good inspiration for me.

    Greets

    Reply
  12. These are some really nice designs. I can’t wait to redesign my site.

    Reply
  13. wowo amazing work, really love each and every theme

    Reply
  14. Very nice list, Revyver and Satellite Dev look fantastic

    Janko´s latest blog post..Create dropdown menus with CSS only

    Reply
  15. These are some nice sites, I like the use of jparallax in the beatles rockband website. I need to have a go at using that (when I have the time to learn it!)

    Creare Web Design´s latest blog post..Add a Favicon to your website – June 19, 2009

    Reply
  16. I really like the more subtle examples such as Radiiate, Brain Fart and especially Noe Design.

    Angie Bowen´s latest blog post..Arbenting’s Weekly Inspiration and Best of the Web #10

    Reply
  17. It’s wild to see a mainstream site like Beatles Rockband clearly pulling design inspiration from some of the other sites on this list. Always fun to see where design trends pop up.

    Brad C´s latest blog post..The Brads – Early Morning

    Reply
  18. Great inspiration. I like this post very much

    Grafpedia´s latest blog post..Hi-Res Burst Brushes

    Reply
  19. Some nice examples – thanks for the share :D

    Patternhead´s latest blog post..Free Vector and Pixel Pattern – Stylized Clouds 1

    Reply
  20. Very, VERY nice collection over here, well done. Pretty inspirational too.

    Have to admit that I do found it “strange” not to see EliteByDesign listed here: It has a great “spacy” template too.

    Keep up the great work!

    Marco´s latest blog post..50+ pictures of amazingly colourful insects

    Reply

Leave a Reply

CommentLuv Enabled
Website Templates Wordpress Hosting

Monthly Archives

Design Shard Flickr Group

.Football (World version)Football (American version)poster and bookmark for literary event "LibriAndando"BoxoWR10Long Live Copywritingmama's boymurder on the dancefloorincomplet OrangeLogo?Blocks3