25 Examples of Super Wide Website Designs

Read the full post

As monitor resolutions become larger, websites become wider. This showcase features 25 awesome website designs over 1000px in width. Many of these super wide designs are built as responsive layouts, which allows the designer to accommodate even the largest of screen sizes with the max-width property without chopping off elements on smaller resolutions.

Michela Chiucini

View the website

Dave Gamache

View the website

Park La Fun

View the website

Michael Schmid

View the website

Brad Evans

View the website


View the website


View the website

Carter Digital

View the website

Philip Meissner

View the website

Andrew Revitt

View the website

Pelican Fly

View the website

Forefathers Group

View the website

Stephen Caver

View the website

Information Architects

View the website

Smashing Magazine

View the website


View the website

New Adventures in Web Design

View the website


View the website

Electric Pulp

View the website


View the website


View the website

Trent Walton

View the website


View the website

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.

  • David Ball

    You say "monitor resolutions become larger, websites become wider" but also smaller mobile devices get more popular. Does it make sense for us to make websites larger when it means more people have to scroll around?

    • Chris Spooner

      Almost all the websites featured are responsive layouts, which solves that exact problem. Saying that, I personally prefer browsing non-mobile versions of sites on my iPhone, I like being able to pinch/zoom into areas I want to read.

      • Tristan

        +1 to that. Most mobile websites I see (with the exception of awesome responsive ones like some of the above) are an ugly crappy throw together mess.
        I usually prefer looking at the desktop version on my iPhone and double tapping columns of text to read.
        I also love when a website makes great use of my whole screen on desktop versions.
        Now to ween myself of the 960grid for my own work…

  • Morne

    Great. Thanks for the list. Great inspiration

  • Tom @ RougeDigital

    i like these links. I am trying to build something similar with our website, but I'm not sure it works.

    • Aaron @

      Your background resizes, that's all.

  • Aaron @

    CSS Tricks will always impress anyone who resizes the browser.

    Very nice indeed.

    What do you think of this one:
    It resizes on browser window size from 960px but also uses device-width to recognise iPhones and display a 320px/480px version.

    Oh… and so does the blog!!

    Great collection, I think we will be seeing allot more like this this year.

    • Menj

      i agree!! clean and colorful

  • Alis

    Just love this selection! CSS Tricks is amazing!

    I still have a lot to learn about the features for mobile designs and fluid layouts… :(

  • Johnny

    This is the future of website design. Huge layouts like this are just going to become more common.

  • Michelle

    Some of those are pretty amazing. I'd never given much thought to wider design but I'm inspired now.

  • Roman

    Yep. Responsive design becoming not only a cool feature of website but it's also a great solution for screen resolution problem and it's one of the most important things today, when everyone uses mobile devices.

  • Asmitha

    I like your designs.Really good i never see this type of designs.

  • Menj

    i still choose "Forefathers Group" the best :) for me and the 2nd one is "css-tricks"

  • TBW淘宝商城

    开始工作了,2012 加油啊 <a href="">淘宝特卖网</a>,欢迎指导

  • E-Technologies

    Great.. discussion. As a designer I prefers website should be designed as per desktop version because many peoples are searching sites in non-mobile devices than mobile devices. So, website size is really matters to present to sites.

  • Stephan Swinford

    Great examples. I just redesigned my site to a wider format and I think it looks great. The trick was getting all the resizing to work well so that it looks good on both desktops and mobiles.

    Also, what's up with all the pastel colors? (especially the pinkish color everyone has been loving to use for their backgrounds) I don't think there's anything really wrong with it, it's easy on the eyes, but I kind of prefer sites with some more pop in them. Bright splotches of color to guide the eye and draw attention to specific points.

  • Kredit

    I am trying to build something similar with our website, but I’m not sure it works.

  • Philip Hastings

    Great stuff – the big topic of discussion lately has been 'how iPad friendly is our site design' – seems like every client has a tablet these days. Thanks for sharing.

    <a href="; title="Buffalo Website Design">Buffalo Website Design</a>

  • Bart Weber

    Great stuff! I really enjoyed the Tommy website. The old school broadside typography on the right hand side of the website is really neat!

  • http://www.2creativese Tony

    Awesome article! Thants

  • Tony

    Thanks, ofc! :)

  • toni

    Great sites with new inspiration!

  • Matt Walker

    Some awesome stuff. The use of responsive layouts is becoming compulsory and I think some of the sites here are real testimony on how do implement it to great effect. New Adventures in Web Design as expected is great. Also like Philip Meissner site too. Great list.

  • Brent Lawson

    I too have to wean myself off of the 960 grid, its like quitting smoking or something – 960 is in my DNA now! Nice post!

    • Richard Ball

      I couldn't agree with you more! apart from i don't smoke, i guess for me its like giving up coffee on the days that i really needed!

  • sukh panech

    Please help me . To make my site . Pls give me a HTML design.

  • Webdesign München

    Hi Chris! Just found this great blog. The best of Webdesigns really rock. I'll visit you regularly in the future. Stay tuned and keep up the great work.

  • Singapore Web Design Company

    Great examples. I just redesigned my site to a wider format and I think it looks great. The trick was getting all the resizing to work well so that it looks good on both desktops and mobiles.

  • Des-Stars.NeT

    Great examples.

  • Kiran

    Really good examples, need to take inspiration and make web easy to knows.

  • xhtmlpress

    Really liked you all of the article tutorials, thanks for sharing such a good tutorial. I always use digging on Google to find out the tutorials all the time and never have been found so many good tut's in one place.

  • Charlie Screendrip

    Wow, some wonderful looking sites up there.

    Quite interesting.