Line25

30 Web Designs that Fully Embrace the Hero Image

Read the full post

The Hero image trend in the web design industry has developed so much over the past few years that the vast majority of new designs feature some kind of large introductory photograph. These huge background images have been dubbed hero images, a term that has been adopted from the print industry where page filling images are commonly seen in magazines. Hero images prominently fill the screen to wow the user, often only accompanied by a heading or a sentence and a single call to action such as a sign up form or button links. Today’s roundup showcases 30 sites that fully embrace the hero image, granting the maximum amount of space possible to this design feature and shifting all other content thousands of pixels down the page.

Ghost

Ghost

Tatamagouche Brewing Company

Tatamagouche Brewing Company

The Brand Bat

The Brand Bat

The Renovator

The Renovator

Molly & Me Pecans

Molly & Me Pecans

Kin HR

Kin HR

Hammerhead

Hammerhead

Playground Inc.

Playground Inc.

Ditto Residential

Ditto Residential

Rob Lutter

Rob Lutter

Daniella Draper

Daniella Draper

The Gilder

The Gilder

InVision

InVision

Red Bullet

Red Bullet

CatScarf

CatScarf

Mextures

Mextures

Martina Sperl

Martina Sperl

Pollen

Pollen

eHouse Studio

eHouse Studio

Cleverbird Creative

Cleverbird Creative

The Art Of Sculpting

The Art Of Sculpting

Magnus Backstedt

Magnus Backstedt

Papertelevision

Papertelevision

M2B

M2B

KittenLaserFood

KittenLaserFood

Magisto

Magisto

Reminder Media

Reminder Media

Alto Labs

Alto Labs

Gladz

Gladz

Matter of Form

Matter of Form

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

5 Comments

  1. phil says:

    They are all well designed websites. You have to be really good with JavaScript or Jquery to pull that off

  2. Simon says:

    Thanks again Chris. I was suffering from designer block on a current project today and this selection really helped to inspire me.

  3. Chris this is awesome, thank you so much for sharing.

  4. Teelah says:

    These are great, full screen large images are so popular now. Glad to see some great responsive design in the mix. Thanks for the share though. Are any of these wordpress templates?

  5. Jack Thorogood says:

    Asana is quite a nice example of a mainstream, more ‘functional’ site which employs this approach too.

Leave a response