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 you can also follow me on twitter @designshard. See all posts by:

51 Comments (Leave a Comment)

  1. Charles K. Davis - SErIO

    I found these websites to be inspirational. The look and feel is AWESOME. Please continue to point out exceptional designs. I had an idea for a web design but didn’t know hot to do it. I found it in one of these examples. I aspire to be a web designer but with this level of creativity.. WOW

    Reply
  2. Do I like this style of web design or do I find it too over powering? I do like the background style and design, but feel the rest of the web page, in most of the examples, are a little too busy, then detracting from the powerful simplicity of the good minimalistic design/s in the background. A little less text and reducing of other smaller imagery would be more effective -not totally eliminating text of course, due to it being needed for SEO purposes, just perhaps moving most of it down below the fold.
    .-= Teresa Schultz´s last blog ..Free stock photos for you now on our website too =-.

    Reply
  3. i’ve seen better ones on this blog
    .-= Poker´s last blog ..Missing Lockerbie bomber back in contact with man from the council =-.

    Reply
  4. Awesome photoshop work

    Reply
  5. I love how a background can change the whole concept of your design. I think it is the most important of all things when designing a website
    .-= Marcell Purham´s last blog ..Create a elegant wordpress theme design using photoshop =-.

    Reply
  6. really awesome

    Reply

Leave a Reply

WordPress Hosting
Wordpress Themes Website Templates

Facebook Fan Page

Design Resources

  • BuMagic – Clean Busines Responsive Theme
  • Bravo | A Multi-Purpose One-Page WordPress Theme
  • Increase - Premium Business WordPress Theme
  • Anubis - Responsive Portfolio & Blog Theme
  • Justshop - Premium Beautiful WooCommerce Theme
  • Circles - Retina Responsive Multi-Purpose Theme
  • Circolare - Multi-Use WooCommerce Theme
  • SupportPress :: Responsive Support Solution
  • Air Style - Responsive WordPress Magazine Theme

Monthly Archives

Design Shard Flickr Group

RBF_Paper Composites_ex_218RBF_Paper Composites_ex_217RBF_Paper Composites_ex_3l7jpgRBF_Paper Composites_ex_l8 (2)RBF_Paper Composites_ex_l4Ottowa - Responsive, Minimal, ProfessionalOttowa - Responsive, Minimal, Professional HtmlChenTop Gear Where's Stig? Stig's Secret Lair - Illustration by Rod Hunt - Isometric Pixel ArtBeinecke Rare Book and Manuscript LibraryFallen into darkness