Line25

25 Examples of Super Wide Website Designs

Read the full post

As monitor resolutions become larger, websites tend to become wider. This showcase features 25 awesome website designs over 1000px in width.

Many of these super wide website 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.

Want more similar website designs for inspiration? Check out these Fullscreen WordPress Themes

Michela Chiucini

This is the portfolio of an Italian designer and art director. It makes use of the popular flat design trend and focuses on typography rather than images.

Michela Chiucini Wide Website Designs

Dave Gamache

Dave is a designer & builder based in San Francisco and this is his portfolio website that features a fullscreen layout and cool effects.

Dave Gamache Wide Website Designs

Miro Hristov

This is an exceptional portfolio website with an interactive layout that will definitely get your attention.

Miro Hristov Creative Portfolio Design

Michael Schmid

Michael Schmid is a German Digital Designer & Developer and this is his monochromatic, minimalist portfolio design. It has some nice transitions, so make sure you check it out.

Michael Schmid Wide Website Designs -

Studio Airport

This is the website for a creative design agency. It includes useful info about the services they provide, team members, a blog, contact, etc.

Studio Airport Graphic Designer Portfolio Website

Tommy

This is the presentation website of an independent digital agency. It has a fullscreen layout and bold, large typography to catch your attention.

This Is Tommy Wide Website Designs

HatBox

This website fills up your whole screen with info. It has a minimalist design and a simple layout.

Proven user experience design consulting

Carter Digital

This is the presentation website of a usability, service design & user experience agency that creates ideas and products that transform and grow businesses.

Carter Wide Website Designs

Lounge Lizard

This is a creative web design with a fixed menu design, beautiful fonts, full-screen layout, high-quality images, and more.

Lounge Lizard Portfolio Website

Andrew Revitt

Andrew Revitt is a freelance designer with 15 years experience working in web, graphic, branding, UI and UX design and this is his extremely straightforward, minimalist portfolio.

Andrew Revitt Wide Website Designs

Jeff Broderick

This creative wide website design includes a parallax effect, lovely fonts, a beautiful transparent header with a menu and more features.

Jeff Broderick Portfolio Website

Forefathers Group

Forefathers Group is a global design conglomerate that builds responsive branding systems, web design, and web development for brands and businesses. This is their website. It has a wide layout and some vintage-inspired graphic elements and fonts.

Forefathers Wide Website Designs

Adhemas Batista

This is a creative portfolio website with a full-screen layout which takes up the entire space of the browser.

Adhemas Batista Creative Portfolio Design

Information Architects

iA creates digital products and offers strategic design and consulting services through their UX studios. This is their simple but very effective website design.

Digital Product Studios Wide Website Designs

Smashing Magazine

Smashing Magazine is a website for web designers and developers. This is the layout they use for the posts section of the site.

Smashing Magazine Wide Website Designs

UPPERDOG

Upperdog is a solutions focused web design and digital marketing agency in Bournemouth, Dorset. They have a very wide website design with large graphic elements and images.

 Wide Website Designs

New Adventures in Web Design

This website covers the whole area of your browser with its extremely wide slider and content block.

 Wide Website

Meltmedia

Meltmedia designs and develops websites, web apps, and mobile apps with robust CMS platforms and web technologies. This is their colorful website with a wide layout and a blend of high-quality images.

meltmedia Wide Website Designs

Electric Pulp

Electric Pulp is a digital agency focusing on Responsive Web Design, Web Development and Mobile eCommerce. They put an accent on large fonts, with bold features and solid color blocks.

Electric Pulp

Jeremy Sallee

This is a great portfolio website with a simple, wide layout design. It uses a full-screen layout with a transparent header design.

Jeremy Sallee Website Design

CSS-Tricks

You all know this website. It offers tips, tricks, and techniques on using Cascading Style Sheets. They have a grid layout design that covers the whole browser area.

CSS Tricks Wide Website

Trent Walton

This is the portfolio of a designer and web builder. It has a white, clean background and a wide layout for the content area.

Trent Walton Wide Website

Tuts+

This is the website to find videos and online courses to help you learn skills like code, photography, web design and more. Their website layout is wide and contains grid sections as well.

How-To Tutorials & Online Courses Wide Website

Björn Meier

Check out this creative website design which makes use of large, bold fonts to catch the visitors’ attention. It has a fullscreen layout.

Bjorn Meier Graphic Designer Portfolio Website

Mariusz Cieśla – Web & Mobile Interface & Experience Designer

This is a creative portfolio website with  an interactive design and a unique, wide, animated background.

Mariusz Cieśla Web & Mobile Interface & Experience Designer

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

34 Comments

  1. Web Design Cheshire says:

    There’s a few points on here about the point in doing this when people use mobiles more. While I agree that mobile first design is the way forward, desktop is unlikely to die. Screen sizes on desktops and macs are generally quite large now and people use their TV to browse the internet too. A good website is OK on all devices. A great website gives the wow factor no matter how you view it.

  2. Coderra says:

    A few great examples here. I think my favourite one is the Stephen Carter one. Whiel the design is fairly clean I really like how he has used the font for maximum effect.

  3. Charlie Screendrip says:

    Wow, some wonderful looking sites up there.

    Quite interesting.

  4. xhtmlpress says:

    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.

  5. Kiran says:

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

  6. Des-Stars.NeT says:

    Great examples.

  7. Singapore Web Design Company says:

    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.

  8. Webdesign München says:

    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.

  9. sukh panech says:

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

  10. Brent Lawson says:

    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 says:

      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!

  11. Matt Walker says:

    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.

  12. Tony says:

    Awesome article! Thants

  13. toni says:

    bookmarked!
    Great sites with new inspiration!

  14. Tony says:

    Thanks, ofc! :)

  15. Bart Weber says:

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

  16. Philip Hastings says:

    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="http://www.buffalo-website-design.com/&quot; title="Buffalo Website Design">Buffalo Website Design</a>

  17. Kredit says:

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

  18. Stephan Swinford says:

    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.

  19. E-Technologies says:

    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.

  20. Menj says:

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

  21. Asmitha says:

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

  22. Roman says:

    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.

  23. Michelle says:

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

  24. Johnny says:

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

  25. Alis says:

    Just love this selection! CSS Tricks is amazing!

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

  26. Aaron @ iamcreative.me says:

    CSS Tricks will always impress anyone who resizes the browser.

    Very nice indeed.

    What do you think of this one:
    http://iamcreative.me
    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.

  27. Tom @ RougeDigital says:

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

  28. Morne says:

    Great. Thanks for the list. Great inspiration

  29. David Ball says:

    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 says:

      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 says:

        +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…

Leave a response