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

Comments

  1. says

    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.

  2. says

    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!

  3. says

    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

  4. says

    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.

  5. says

    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.

  6. says

    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?

  7. says

    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!

  8. says

    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!

  9. says

    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.

  10. Mr Noodle says

    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.

  11. says

    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.

  12. Madeline says

    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.

  13. matt says

    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

Trackbacks

  1. 50 Creative and Inspiring Left-Aligned Web Designs…

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

Leave a Reply

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

* Copy This Password *

* Type Or Paste Password Here *