SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

50 Creative and Inspiring Left-Aligned Web Designs

August 15, 2009 by Mike Smith 30 Comments

It’s no secret that all of us here at SpyreStudios like left aligned website designs (I mean, look at SpyreStudios). Yes, at one point in time the left aligned websites were all we had, but then people found out about CSS and the centered websites dominated. This post is our attempt to show that left aligning your website is not dead and can definitely be used in creative and useful ways.

Below you’ll find a group of left aligned websites that I feel showcase how cool the left aligning of websites can actually be. Let us know in the comments if you have a left aligned website or if you know of one that isn’t on the list.

Kiwi Bank ↓

Left Aligned Web Designs

Subtraction ↓

Left Aligned Web Designs

This is Aarons Life ↓

Left Aligned Web Designs

Dojo Design Studio ↓

Left Aligned Web Designs

84 Colors ↓

Left Aligned Web Designs

Area 17 ↓

Left Aligned Web Designs

Jason Santa Maria ↓

Left Aligned Web Designs

Jeff Finley ↓

Left Aligned Web Designs

30 elm ↓

Left Aligned Web Designs

Cabedge ↓

Left Aligned Web Designs

Ser-vice ↓

Left Aligned Web Designs

Colourpixel ↓

Left Aligned Web Designs

Duoh ↓

Left Aligned Web Designs

Momono ↓

Left Aligned Web Designs

Jon Malkemus ↓

Left Aligned Web Designs

Ronnie Morales ↓

Left Aligned Web Designs

Thomas Fals ↓

Left Aligned Web Designs

Parabolic Playground ↓

Left Aligned Web Designs

Disconnect ↓

Left Aligned Web Designs

Josh Sender ↓

Left Aligned Web Designs

Jonathan Olsen ↓

Left Aligned Web Designs

The Kabro ↓

Left Aligned Web Designs

Red Velvet Art ↓

Left Aligned Web Designs

Lucky Stars Tattoo Studio ↓

Left Aligned Web Designs

Marie Julien ↓

Left Aligned Web Designs

Red Panda Creative ↓

Left Aligned Web Designs

Rock Beats Paper ↓

Left Aligned Web Designs

Ricardo Turchini ↓

Left Aligned Web Designs

The Amanda Project ↓

Left Aligned Web Designs

Roman Pittner ↓

Left Aligned Web Designs

Duplo Studio ↓

Left Aligned Web Designs

A Brief Message ↓

Left Aligned Web Designs

Oink Fu! ↓

Left Aligned Web Designs

Font Book ↓

Left Aligned Web Designs

Jayphen ↓

Left Aligned Web Designs

Jeremy Charles ↓

Left Aligned Web Designs

Behind the Websites ↓

Left Aligned Web Designs

Jason Schuller ↓

Left Aligned Web Designs

Best Of Video Sites ↓

Left Aligned Web Designs

aeroom ↓

Left Aligned Web Designs

Anjan Shrestha ↓

Left Aligned Web Designs

Squid Ink Restaurant ↓

Left Aligned Web Designs

Photo Comma ↓

Left Aligned Web Designs

eGrace Creative ↓

Left Aligned Web Designs

Andy Thomas Photography ↓

Left Aligned Web Designs

Coke Studio ↓

Left Aligned Web Designs

fntnhrl ↓

Left Aligned Web Designs

Orange Label Design Studio ↓

Left Aligned Web Designs

David Arias ↓

Left Aligned Web Designs

Fellow Creative ↓

Left Aligned Web Designs

Your Turn To Talk

Do you prefer left aligned or centered website designs? And why? Please let us know your thoughts in the comment section below! :P

Author: Mike Smith

Mike Smith writes a freelance blog on a regular basis and is also a blog designer at Guerrilla.

Filed Under: Design, Inspirational, Showcase

Comments

  1. Paweł Ludwiczak says

    August 15, 2009 at 2:30 pm

    And one more: my blog: http://wolnyzawodowiec.pl (Polish)

  2. h1brd says

    August 15, 2009 at 3:07 pm

    The selection couldn’t be better, the perfect showcase of left aligned websites :)
    It sure is a different approach that far from dead is simply a great alternative if you are creative enough and know what you are doing.

  3. Marcel says

    August 15, 2009 at 5:05 pm

    Very nice collection! Thanks very much. ;-)

  4. Fernandaland says

    August 15, 2009 at 5:42 pm

    Great designs, but I’m not sure that left-aligned should return.

  5. web2000 says

    August 15, 2009 at 7:56 pm

    hey, some nice designs you showcased here.. only suggestion is full width screen shots would be better so i don’t have to click 50 links to get a better feel for the designs!

  6. Brandon Cox says

    August 15, 2009 at 8:13 pm

    Wow, humbled to be included! I do notice that my screenshot is the one broken image link on the page though. Very nice list.

  7. Aaron Irizarry says

    August 15, 2009 at 9:54 pm

    Wow! thanks for the include… great list some amazing talent on here.

    ~ Aaron I

  8. Cory says

    August 16, 2009 at 1:24 am

    Ok…so there are some GREAT designs here. However, having a 24″ widescreen monitor running 1920×1200 screen resolution there’s not a single design that I wouldn’t prefer to be centered, in this entire list.

    Center-aligned designs cut this whitespace in half and it adds to the appeal. just my .02

  9. evasion says

    August 16, 2009 at 9:46 am

    Nice selection, but you’ve forgotten your own blog !

    I agree with Fernandaland and Cory, except a few website (with large photo background for example), I prefer centered layout.

  10. Angel L. says

    August 16, 2009 at 11:58 am

    Wonderful list! These are very inspiring and well designed sites.

  11. The Destiny Gal says

    August 16, 2009 at 3:44 pm

    Dat was awesome………..
    Loved it!!!!!! :)

  12. Mary Beth says

    August 16, 2009 at 10:30 pm

    I’m left aligning over at http://www.marybethcryan.com .

    I have a wide screen too. But I definitely prefer the left align. The center align seems all-over-the-place when I try to adjust my window size. Don’t even get me started on liquid layouts. They drive me crazy!

  13. John Peele says

    August 16, 2009 at 11:04 pm

    Thanks Jon for including us here with such amazing company. Truly honored!

  14. Brian Yerkes says

    August 17, 2009 at 2:05 am

    A lot of these designs are great, but like Cory said above in the comments, with a large monitor and high resolution , left aligned websites are hard on the eyes to move that far to the left of your monitor.

    The average monitors are only getting bigger, and with higher resolution, so this is going to become more common as months go by.

    I wrote a post about website alignment back in December 08, and a poll of my visitors shows that out of 121 people, 107 preferred center aligned websites. These are mainly designers as well.

    However, that being said, your site is probably one of my favortie left aligned sites I’ve seen. Clean, simple but with the perfect touch of design flair.

  15. IMBuzz Riches Bonus says

    August 17, 2009 at 5:57 am

    Wow, I really, really adore the alignments and symmetry. :) Thanks for letting us peak through such wonderful collections.

  16. Dave Sparks says

    August 17, 2009 at 6:30 am

    Nice collection, left align can certainly be easier when position and is still a useful option.
    I wonder how much difference it makes – split testing anyone?

  17. Jeffrey says

    August 17, 2009 at 2:42 pm

    Excellent list of sites.

    I chose to make my site ( http://www.fridgeworks.com ) left aligned to try to break from the norm and to be a little “retro” in that all sites used to be aligned that way.

  18. cocinas baratas says

    August 18, 2009 at 3:56 am

    Jonathan Olsen’s is my favorite.

  19. Luci says

    August 18, 2009 at 12:07 pm

    this is an exhaustive list! I’ve got to say though, I agree with other posters about larger screens and centering layouts. It’s just an appearance thing. I have a high resolution screen too, and having left-aligned sites just leaves so much white space! (Although sometimes white space is good, not this time )

    Text, however, should be left-aligned 99.9% of the time!

  20. Simon says

    August 19, 2009 at 9:34 am

    Awesome list!
    Some real great work there.

    Since I’m on a 1440 widescreen I don’t suffer that much from left aligned. But I can however understand why people with wider screens prefer center aligned! =)

    Anywho, thanks for putting this together. Great source of inspiration!

  21. Xavier Maurits says

    August 22, 2009 at 1:19 pm

    Great collection! Thx.

  22. Rachelle says

    August 22, 2009 at 2:55 pm

    I remember when left-alignment seemed to be the only alignment :P These are great examples of how to do left-alignment the right way.

  23. dani says

    September 1, 2009 at 3:33 pm

    RCC is a lefty =)

    http://www.redcanarycreative.com

    I could argue the pros and cos of left vs centered….but hey…it all comes down to preference and i love the way my site looks =)

  24. Mr Noodle says

    September 10, 2009 at 6:44 pm

    Normally I prefer centre aligned, however sometimes (especially with more minimal designs) the content can look a little lost and it is actually easier to read left aligned as the browser edge provides some sort of border.

    Thinking it about my preference for centre aligned can’t be very strong I don’t notice or regard it as a problem that I primarily look left when using dreamweaver or photoshop, nor for that matter when I use google.

  25. TJ Mapes says

    October 30, 2009 at 5:44 pm

    Glad some wonderful sites are being recognized for not going centered! http://riptapparel.com we chose to as well :) Great post!

  26. Ovi Dogar says

    November 3, 2009 at 2:11 am

    Wow….These look really great!

    Love it!

    Keep up the great work! ;)

    Ovi Dogar
    AbsoluteCovers.com

  27. Andy Towler says

    November 24, 2009 at 3:07 am

    Found you while looking for left-aligned inspiration for a new project, glad I did!

    I think part of the key to making a left-aligned design work is what you do with the whitespace on the right. I think Dojo and Ser-vice are particularly successful in this selection, and my creative juices are definitely starting to flow.

    Thanks for the post.

  28. Madeline says

    January 12, 2010 at 6:26 pm

    Thank you for this list! I think that both centered and left-aligned layouts work well, and I’m glad to see such a nice collection of the latter.

  29. matt says

    May 27, 2010 at 1:10 pm

    it all depends on the design like everything else. talk about large displays, try using a centered website on a multi-display setup…fail?

    excellent post

  30. West Brothers says

    July 6, 2018 at 3:52 am

    We love this, time for a 2018 update tho!

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021