30 Websites with Lovely Layout and Typography

Published on Wednesday, January 27 2010

If you are new to TDC and didn’t know — well lets just say I love me some good ol’ typography — I come from a traditional print design background where layout and typefaces were used more flexibly. With (more) recent advances in web technologies and real font integration services, such as Typekit, the web has definitely become a more beautiful and interesting place aesthetically.

I often collect and save examples of layout and typography that interests me or I find enjoyable and beautiful, so below I’ve gathered 30 websites showcasing beautiful typography and layout design for your viewing pleasures. Enjoy.

Chirp

Twitter Conference

Neutron Creations

neutron-creations

Vigepops

handmade-vigepops-from-the-sweet-folks-at-viget-labs

Billings

billings-3-professional-time-billing-for-anyone

Simon Collison

simon-collison-colly-autobiography

The Gates Notes

the-gates-notes

SimpleBits

simplebits

Vegas Uncork’d

vegas-uncorkd-las-vegas-nv-may-6-9-2010

Build Guild

build-guild-salem-ma-e298ba-we-are-a-guilders-of-builders

Epic Event

epic-event

Happy Cog’aoke

happy-coge28099aoke-2

Pictory

life-before-your-eyes-e28093-pictory

Trent Walton

trent-walton

OrderedList

we-make-things-simple-ordered-list

Design Litmus

about-e28692-design-litmus

Analog

analog

Authentic Jobs

authentic-jobs-full-time-and-freelance-job-opportunities-for-web-design-and-creative-professionals

Electric Pulp

electric-pulp-making-friends-via-the-internet

Frank Chimero

frank-chimero-profile

Information Highwayman

information-highwayman-lone-design-ace-for-hire-d-bnonn-tennant

Ligature, Loop & Stem

limited-edition-design-and-typography-products-for-refined-tastes-e28093-ligature-loop-stem

Matthew Henry

matthew-henry

Ryan Clark

ryan-clark-merrill

SVA

school-of-visual-arts-e28094-mfa-in-interaction-design

Veer Ideas

veer-ideas-community-hotness-editione284a2

Fever

feverc2b0-red-hot-well-read

Squared Eye

squared-eyes-services-20090319

DevDays

stackoverflow-devdays-c2bb-home

Sushi & Robots

sushi-robots-by-jina-bolton

The Sew Weekly

the-sew-weekly

Also if you are interested, I recently had the opportunity to visit and chat with some new friends over at Two Paperdolls letterpress shop and design studio and managed to take some pictures of their beautiful antique letterpress machines, wood blocks and other studio shots (with my new DSLR). Feel free to check out the photos on my Flickr page.

Feel free to share other beautiful typography or layout-based designs in the comments below.


subscribe
subscribe

46 comments on “30 Websites with Lovely Layout and Typography”



  1. what a lovely collection! thanks for compiling these beautiful sites for us. looking at them makes me wonder what the next trend in web design will be.

     
  2. Sarah,
    You’re very welcome. Glad you both enjoyed them and also made you think some. I appreciate the comment.

     
  3. Coming from print myself, and having to move into web design in order to expand our business, these are refreshing.

     
  4. Inspiring, as always!

     
  5. I’ll admit the fonts and type used in these websites is pretty cool, but the designs didn’t really speak to me too much. Sure they were well designed but I didn’t really feel they were grabbing me.

     
  6. its inspiring me to make a good web

     
  7. This is an interesting and varied collection - and inspirational. Thanks!

     
  8. great inspiration as always! :)

     
  9. A good selection Brian. I particularly like the Vigepops site.

    If you don’t know it already, you’ll love this. Beautiful web-based typography:
    http://www.monocle.com/

    Best
    Bradley
    (bhotson on Twitter)

     
  10. Awesome websites. Really like the Simon Collison and Trent Walton sites

    Thanks Brian

     
  11. Great collection. nice to have them in one place. Thanks for posting.

     
  12. Beautiful sites for certain, but do you have an idea of how effective they are? Design is definitely important, but there needs to be a “so what?” of it all. Not to pick on any in particular, but it seems like there is a lack of actionable items in some places.

     
  13. good stuff, coll sites, nice article

     
  14. wonderful, wonderful sites. these pages are so clean and delightful. the typography really enhances their appearance. if you like most of the fonts found on these pages, check out the typography forum http://www.pilo.me, it can really get you started or headed in the right direction in finding and identifying a lot of the fonts featured on these pages. keep in my it’s an invite only forum, but i think it is currently open to new registrations, you might check. anyhow, it is definitely a worthwhile site to spend a few hours.

    thanks again for the stellar article, keep up the great work -

    hithro

     
  15. Great collection, indeed. Also, if you love typography, and haven’t seen this yet, check it out: http://dailydropcap.com/

     
  16. wow! Great design =)

     
  17. Really inspiring Brian, thanks for compiling.

     
  18. Stunning collection, Brian. Thanks!

     
  19. Thank you. Wonderful collection. Really appreciate the hard work! Awesome as always!

     
  20. Beautiful to look at - thanks for putting this nice selection together.

     
  21. Awesome collection Brian! I know how difficult it is to search the internet for good stuff. I actually found some sites that I hadn’t seen before. I love to see the works of other designers… it’s inspiring to see the out pour of creativity in these sites; something I hope to do with mine.

     
  22. gr8 collection ! thanks for sharing…

     
  23. Nice works! Beautiful!

     
  24. Fantastic collection, I really like these designs!

     
  25. Whilst scrolling down this list, I noticed how almost all of these web designs are my personal favourites too :)
    Brain you may also like:

    http://zacharypulman.com/
    http://www.digitalpodge.co.uk/2009/

    I absolutely love Billings, so fresh :)

     
  26. Good looking collection. Checked out most of the sites. Happy to see improvements in type available for web designers. Thanks Brian.

     
  27. What a Fantastic Collection it is !!!!!!!! Nice job…. Thank you very much for this post…:)

     
  28. Stunning collection, bookmarked for inspiration, thanks!

     
  29. pretty stuff - and not the usual suspects…merci

     
  30. That’s great! Nice trends.

     
  31. Hey, thanks for mentioning the Build Guild.

     
  32. Nice collection.

     
  33. Nice man, I get great ideas to build a new site for myself. Layouts and typography sets in a balancing and color combination manner.

     
  34. Really nice collection.The collection is really good for inspiration for next projects. Thanks

     
  35. Some good stuff there great collection. Thanks for sharing.

     
  36. Really nice collection. Good inspiration source for every web designer

     
  37. BEAUTIFUL….JUST GREAT LIST..

     
  38. wait for lovely typo with web safe font, not image or flash font.

     

Trackbacks

  1. 30 Websites with Lovely Layout and Typography | TopRoundups
  2. Tweets that mention 30 Websites with Lovely Layout and Typography -- Topsy.com
  3. Tweets that mention 30 Websites with Lovely Layout and Typography -- Topsy.com
  4. Most Tweeted Articles by Designer Experts
  5. 30 Websites with Lovely Layout and Typography | Design Newz
  6. Inspiration – 30 Websites « FlagMag
  7. Billings Touch Reviews « Marketcircle Blog
  8. Creative Bookmarks: Best of January 2010 | Duong Luat

Leave a comment