15 Beautiful Typography Inspired Websites

23rd of March 2009

I’ve seen a lot of designs lately experimenting with large type, and with the right choice of font, contrast and whitespace they look great.

Check out this inspirational list of typographic based designs that I’ve put together.

1. Pallian Creative

2. Legistyles

3. Ben Lind

4. Made by Cool

5. Lorem Ipsum

6. Typechart

7. Elysium Burns

8. Crowley Webb

9. Alpha Multimedia

10. Astheria

11. The Typographic Desk Reference

12. Giant Creative

13. I Love Typography

14. FL2

15. Futon Media

40 Appreciated Comments

On the 23rd of March 2009, Chris Colhoun said:
Some Beautiful sites, I really love good typography on the web.
I tried to design http://chriscolhoun.com around typography, But using CSS Code rather than images. Different users may get different experiences but ideally on a Mac using Firefox or Safari you should get the richest view of the site!
Great post Lee
On the 23rd of March 2009, itsdavidhughes said:
Legistyles is stunning.
http://live.squarespace.com/ Would’ve made my list (if I had one)
;) Nice post Lee.
On the 23rd of March 2009, Christopher Murphy said:
Some lovely sites there. Astheria in particular is very, very nice. Proof that some well-crafted typography, an understanding of the grid and a little white space can go a long way. (I seem to recall that combination mentioned in a lecture…!)
On the 23rd of March 2009, krys locksman said:
Very nice list here and I couldn’t agree more! My favorites are Elysium and Giant, love the bold and flavorful palettes.
On the 23rd of March 2009, Lee said:
@itsdavidhughes: That is very cool. I like the way they’ve done their life streams
@Christopher: You’re right, all the sort of cool stuff one can expect from IMD and the Multidisciplinary Design Masters
@krys: Thanks Krys!
On the 23rd of March 2009, Chris Wallace said:
Rockin’. Would’ve loved to see a few more. I like Design Workplan.
On the 23rd of March 2009, lewro said:
Nice list! My favourite is Typechart. Thanks for sharing Lee.
On the 23rd of March 2009, itsdavidhughes said:
@Chris Loving Design Workplan.
Of course neither of us are forgetting The Grid System right?
On the 24th of March 2009, insic said:
awesome!
On the 24th of March 2009, Sander said:
@Chris Wallace, thanks for mention, appreciated!
Great list Lee, good luck with your website.
On the 24th of March 2009, Heather said:
I’ve always loved the look of Astheria and, of course, I love typography has always been a favorite, but found some new ones thanks to this post! Thanks for sharing!
On the 24th of March 2009, Webmasterish said:
I like!
On the 26th of March 2009, JWG said:
Nice collection!
On the 28th of March 2009, Melinda said:
I agree! They do look great and have an entirely different and clean feel to them. These site examples remind me of the print work that I do as far as experimentation with larger type and whitespace. I’m very fond of clean, crisp design whether it be web or print. I suppose I’m just in love with the written word, so type experimentation in any form catches my attention. =)
Also, I took a look at your work as well and I do have to say that you have a beautiful portfolio. It’s definitely one of the strongest that I’ve seen and it shows a vast range of your skills. I would be very proud if I were you! =)
On the 29th of March 2009, Macarne said:
Wow looks so great, what just a few nice letters can do !
On the 29th of March 2009, CSSJockey said:
Amazing websites, this list will keep me busy for sometime for sure.
On the 30th of March 2009, Stephen Costello said:
Cool sites Lee, #14 is so simple but looks great. I’m hopefully gonna redevelop my own site along those lines.
On the 6th of April 2009, Creamy CSS Showcase said:
Great inspirational list! Thanks for post ;)
On the 6th of April 2009, Ed Hardy said:
Great collection of really impressing and inspiring pages. Thank you!
On the 7th of April 2009, AlfredN said:
Astheria and Ben Li’s websites are my favorite of the bunch; nice one +bookmarked.
On the 10th of April 2009, chu said:
Some typographically inspired design at http://artrocker.com also.
On the 11th of April 2009, Lee said:
@Melinda: Yeah I definitely think there’s inspiration there from print work, which is great to see
@Stephen: look forward to seeing the new site
Thanks for all the comments and it’s my pleasure to share some creative work
On the 14th of April 2009, Jorge said:
Great typo sites, we love big typographies, maybe our website looks fine too
On the 16th of April 2009, Ben Tyers said:
Interesting stuff
On the 15th of June 2009, Ioanis said:
Fantastic list! Particularly like Ben Lind’s website.
On the 17th of June 2009, Freelance Web Designer said:
that was really beautiful collection ,
I love typography , and I like to apply it to my designs always.
On the 20th of June 2009, Jeremy said:
Oh noes! The last example uses a boring apostrophe (‘), which is U+0027. Real typographists use the proper apostrophe (’), which is U+2019.
According to Unicode, U+2019 is “the preferred character to use for apostrophe”.
On the 20th of June 2009, Lee said:
@Jorge: Nice site, loving the handdrawn look
@Jeremy: Interesting point, didn’t know that. What’s the difference then when inputting using your keyboard?
On the 20th of June 2009, Jeremy said:
Well, all keyboards that I’m aware of use the normal apostrophe (U+0027) when you hit the button. (Except I believe the Spanish keyboard does another apostrophe that is different yet again.)
It’s normally something that would be picked up by your software. I know OpenOffice.org and MS Word will convert a normal apostrophe to a curly apostrophe if smart quotes are turned on, and WordPress also does this automatically (it calls it “texturizing”).
Most people that I see coding curly quotes in will enter the HTML entity manually. I don’t know the entity number off by heart, but you can find it in charmap (in GNOME’s charmap, at least).
On the 2nd of July 2009, Alisa Rogers said:
I am very thankful to you for provide me this valuable resource.
On the 15th of July 2009, stsoftware said:
it so beautiful, thank it is new idea
ดูทีวี
วิทยุ
On the 17th of September 2009, Dre said:
Thanks for this ideas
On the 3rd of October 2009, Kate said:
I Liked Made by Cool. It proves that great ideas – are simple. :)
On the 6th of January 2010, shellie said:
nice collection. I too am a big fan of whitespace, it often speaks the loudest.
On the 4th of February 2010, ทีวีออนไลน์ said:
it so beautiful, thank it is new idea.
On the 19th of March 2010, leah said:
thanks for this list. they are all very good and inspiring. i enjoy type design so much… more than anything. really. lol
On the 16th of September 2011, Webdesigning said:
Nice list. Hopefully more designers than programmers are reading it. In my experience, it’s usually the web designers that resist and oppose usability centered ideas. They seek to glorify the site’s appearance, setting aside the user experience.
On the 23rd of December 2011, Jon said:
Nice examples. I love how simple yet elegant typography can be when used well.