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.

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

  6. very very nice:)

    thank you

    “yashasin azarbaijan”

  7. Very well done.Are you create a amazing inspiration jobs.

  8. GraphicIded says:

    Good Idea for web designing thanks

  9. Jay Kapor says:

    Great Article. it’s Really Helpful and Enjoyable Post for Every Blogger. Thank you very much for Sharing with us

  10. Ian Harris says:

    Hey Chris,

    Where’s the weekly sites of the week? Have you lost internet connection? (lol)

    I need my Friday fix!

  11. m2soft says:

    great article…. thanks for sharing…

    web development

  12. Apex says:

    I personally like Cleverbird Creative web design. It has good look and feel and a samll change in Jquery and CSS would make it suitable according to your website needs.
    All theme are great !! thnaks for posting such a nice collection of wed designs

  13. Hi there, I found your website via Google while looking for a related topic, your website came up, it looks good. I’ve bookmarked it in my google bookmarks.

  14. hi,thank you very much for website
    good wishes

  15. Zahir says:

    Hi Chris

    I am mainly a graphics designer and haven’t really concentrated on web design. Seeing this article has made me realise you can merge the traditional graphic content on the Web. You don’t have to follow the same boring designs concept that most websites use.

    Thanks for sharing

    Regards

  16. Denise says:

    These are truly inspirational web designs. These types of landing pages can easily increase conversion rate.

  17. Bit-7 Informatics is a Website designing company in Bhopal Madhya Pradesh, leading in IT field.
    for more details please visit our website – http://webdesigningbhopal.com/

  18. lagu says:

    hhmmmm very nice template .
    i see some template use nice css3 and jquery ..

  19. Addictive says:

    Thanks for sharing these awesome inspirational designs..

  20. Johnd221 says:

    Excellent blog right here! Also your site lots up very fast! What web host are you the use of? Can I get your affiliate hyperlink for your host? I desire my website loaded up as quickly as yours lol gbbedgbfdcdb

Comments are now closed