15
Aug

50 Creative and Inspiring Left-Aligned Web Designs

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

jump to the comment form ↓

  • User Gravatar Paweł Ludwiczak
    August 15th, 2009

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

  • User Gravatar h1brd
    August 15th, 2009

    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.

  • User Gravatar Marcel
    August 15th, 2009

    Very nice collection! Thanks very much. ;-)

  • User Gravatar Fernandaland
    August 15th, 2009

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

  • User Gravatar web2000
    August 15th, 2009

    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!

  • User Gravatar Brandon Cox
    August 15th, 2009

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

  • User Gravatar Aaron Irizarry
    August 15th, 2009

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

    ~ Aaron I

  • User Gravatar Cory
    August 16th, 2009

    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

  • User Gravatar evasion
    August 16th, 2009

    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.

  • User Gravatar Angel L.
    August 16th, 2009

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

  • User Gravatar The Destiny Gal
    August 16th, 2009

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

  • User Gravatar Mary Beth
    August 16th, 2009

    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!

  • User Gravatar John Peele
    August 16th, 2009

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

  • User Gravatar Brian Yerkes
    August 17th, 2009

    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.

  • User Gravatar IMBuzz Riches Bonus
    August 17th, 2009

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

  • User Gravatar Dave Sparks
    August 17th, 2009

    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?

  • User Gravatar Jeffrey
    August 17th, 2009

    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.

  • User Gravatar cocinas baratas
    August 18th, 2009

    Jonathan Olsen’s is my favorite.

  • User Gravatar Luci
    August 18th, 2009

    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!

  • User Gravatar Simon
    August 19th, 2009

    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!

  • User Gravatar Xavier Maurits
    August 22nd, 2009

    Great collection! Thx.

  • User Gravatar Rachelle
    August 22nd, 2009

    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.

  • User Gravatar dani
    September 1st, 2009

    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 =)

  • User Gravatar Mr Noodle
    September 10th, 2009

    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.

  • User Gravatar TJ Mapes
    October 30th, 2009

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

  • User Gravatar Ovi Dogar
    November 3rd, 2009

    Wow….These look really great!

    Love it!

    Keep up the great work! ;)

    Ovi Dogar
    AbsoluteCovers.com

  • User Gravatar Andy Towler
    November 24th, 2009

    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.

  • User Gravatar Madeline
    January 12th, 2010

    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.

  • User Gravatar matt
    May 27th, 2010

    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

Who Linked To This Post?

  1. designfloat.com
  2. 50 Creative and Inspiring Left-Aligned Web Designs | Design Newz
  3. Favourite links for August 17, 2009 | Crescent Gfx
  4. CSS Brigit | 50 Creative and Inspiring Left-Aligned Web Designs
  5. links for 2009-08-17 | Dan Silva
  6. links for 2009-08-18 « Giri’s Blogmarks
  7. Ejemplos de diseños de sitios alineados a la izquierda | Codigo Geek
  8. Links der Woche 34/09 – diesmal etwas mehr… | Webdesign & Online Shops | Kai Köpke Blog & Portfolio
  9. BlogBuzz August 22, 2009
  10. Monthly Mother Lode of MacDaddy Links: August 2009 | bkmacdaddy designs
  11. Monthly Round Up: 56 Inspiration and Showcase Articles « Designussion: Design discussion, Inspiration and More…
  12. Febbraio: suggerimenti dalla redazione | Your Inspiration Web

Share your thoughts, leave a comment!