25+ Sites that Use Typography As The Only Design Element
November 4, 2008 @ 3:51 pm | Comments (57) | by Ross Johnson
Ever since I heard about the study of typography I was fascinated by it. Upon the word “typography” it clicked for me, “how interesting… the study of type, typefaces, and the design that is shaped by it.”
On the web we face some typographic challenges and limitations, the typefaces, font smoothing, and control we have over all typographic elements is inconsistent at best. However that hasn’t stopped several great designers from using typography as the only significant element of design on their websites. They found a way to create beautiful and stunning visuals with out complex graphics, shading, color changes, backgrounds, etc… they let the type speak and the results are amazing.
Astheria
A Working Library
Quadrifolia
The Deck
Sofamade
Seed Conference
Daniel Mall
Erratic Wisdom
Mark Boulton
Rikcat Industries
Danny Blackman
201 Created
Huge, Inc
Daring Fireball
Vlourenco
Behance
Type Sites
TypeTweets
Objectified
I Love Typography
AIGA Student Design Competition
Garrett Dimon
Monty Lounge
Monday By Noon
AIGA New York
Upstart Blogger
Did I miss any? Leave them in the comments and I will add them to the list.
« Better design by brushing up on your techniques Improve your typography with “typographic contrast” »





























COMMENT Ben Reimers
Jon Tan [http://jontangerine.com/] has some extremely well researched, considered, and written articles on Typography. His site is also beautifully presented.
Posted on 11/04 4:54pm
COMMENT ross
I thought about Jon Tan, he does have a great site and some wonderful typography. Ultimately I left it out because I wanted the sites to be have 99.99% of the focus on type and Jon’s main photo seemed to take away from it feeling like an “all type” sort of site.
Thanks for the suggestion though.
Posted on 11/04 5:51pm
COMMENT Hannah Solo
Great post. Upstart Blogger and Monty Lounge are the ones that stand out for me.
Posted on 11/04 6:44pm
COMMENT ross
Thanks Hannah, your site looks like a great “typographic design” type of site as well. I will add it to the list later tonight.
Posted on 11/04 6:51pm
COMMENT Hannah Solo
Thanks! It’s a work in progress modification of one of the Upstart Blogger wordpress themes.
Posted on 11/04 9:12pm
COMMENT Bill Biwer
Heres a typography related site I have been working on. http://www.lettersandsymbols.com
Still a work in progress but thought I would share. Feel free to comment.
Posted on 11/05 12:16am
COMMENT 25+ Sites that Use Typography As The Only Design Element | bloground.ro - Blogging resources, WordPress themes and plugins for your development
[...] Source: http://www.3point7designs.com/ [...]
Posted on 11/05 2:06am
COMMENT Harry Roberts
Great list! Thanks.
Posted on 11/05 6:41am
COMMENT Time Tracker
Flickr?
Posted on 11/05 6:45am
COMMENT Brad C
Nice list, thanks. Designing with just type is tough, great to see some examples of it done well.
Posted on 11/05 8:50am
COMMENT peter
uhm…
SOFAMADE – Are you different?
HUGE INC – Why We’re Different
are these sites different?
Posted on 11/05 9:58am
COMMENT Ross Johnson
@Peter – Your comment definitely made me chuckle up some coffee. Very funny discovery.
I am not sure why, but I have seen lots and lots of companies of all different types talk about “why they are different” in their marketing materials.
Posted on 11/05 10:03am
COMMENT Vladimir
Great collection! Thanks!
Posted on 11/05 10:10am
COMMENT Ian
Great selection. I like http://andrewpendrick.co.uk for a lovely example of using typography.
Posted on 11/05 11:54am
COMMENT Ryan Coughlin
Wow…great post! Very intesting websites using typography, creative as well. i love sites like this. They have a different approach to design.
Thanks!
Posted on 11/05 1:53pm
COMMENT bwc
Another type-only site design is Metadesign
http://www.metadesign.com/
Check it out.
Posted on 11/05 1:54pm
COMMENT Amendoeira
Great colection. I love it.
Posted on 11/05 3:10pm
COMMENT Amendoeira
Great collection. I love it.
Posted on 11/05 3:11pm
COMMENT Joe Clark
What am I, chopped tofu?
Posted on 11/05 3:31pm
COMMENT Ross Johnson
@JoeClark – I would assume not, but I don’t know if chopped tofu would be good or bad so I can’t really answer that question
I do like your site but the design has a heavy influence by your photographs does it not?
This was a reason I opted not to include Jason Santamaria’s new site as well… Beautiful typography but it wasn’t the only element used for design.
Posted on 11/05 3:39pm
COMMENT Sitios diseñados con tipografía — Tablosign
[...] 25 Sitios que utilizan la tipografía como único elemento de diseño. Muy buenos. 0 # [...]
Posted on 11/05 4:58pm
COMMENT eeallo
Modula (http://www.modula.fi) has also a text-only interface. The design is available as a free Wordpress theme.
Posted on 11/05 5:18pm
COMMENT links for 2008-11-05 at James A. Arconati
[...] 25+ Sites that Use Typography As The Only Design Element » – Web Design Marketing Podcast & Blo… Ever since I herd about the study of typography I was fascinated by it. Upon the word “typography” it clicked for me, “how interesting… the study of type, typefaces, and the design that is shaped by it.” [...]
Posted on 11/05 11:30pm
COMMENT links for 2008-11-06 » Go Web Young Man
[...] 25+ Sites that Use Typography As The Only Design Element Great collection of typographic excellence. (tags: webdesign layout typography) [...]
Posted on 11/06 3:01pm
COMMENT Marketing Eficiente » Blog Archive » Listas
[...] seres humanos amamos las listas. Cada dos por tres, descubro artículos de blogs con títulos como 25 sites que usan tipografía como único elemento de diseño o 15 adictivos y frustrantes juegos Flash, pero la palma se la lleva uno de mis sites preferidos, [...]
Posted on 11/06 4:05pm
COMMENT Andres
very nice thaxs, I wonder if some client will buy a site like that.. who knows.
Posted on 11/06 7:59pm
COMMENT Design par la typo | taggle.org
[...] Liste de 25 sites qui n’utilisent que la typographie comme élement de design. [...]
Posted on 11/07 6:06am
COMMENT Voyages du Net
what about one of the smallest website on the planet ?
http://www.google.com
Google use only typo (not very nice, but terribly efficient!)
Posted on 11/07 8:43am
COMMENT Antonio Wells
This is a great post. @Voyages… Google is a good add, but not very pretty
Posted on 11/07 8:49am
COMMENT Erika
Lovely roundup! I always appreciate when people do more with less.
Posted on 11/07 10:24am
COMMENT buzz et cie.
http://www.buzzetcie.com
Posted on 11/08 7:07pm
COMMENT Weekly finds (4) at mariuszciesla.com | Mariusz Cieśla
[...] 25 sites that use typography as the only design element at 3point7designs blog [...]
Posted on 11/09 5:07am
COMMENT Dainis Graveris
wow, man that’s pretty unique article and selection! Bookmarking this – thanks mate
Posted on 11/09 5:43am
COMMENT Online hry zdarma
Great idea make this list with webdesign who is create only with font.
Posted on 11/09 3:22pm
COMMENT Eric Hillerns
Nice list, Ross. Unless you’re opposed, I think I’ll link to it from our daily Twitter stream, @Pinch_Bespoke. Well done. I’ve got a few more to add but will e-mail you directly.
Kindly,
Eric Hillerns
Pinch. A Design Office.
http://www.pinch.nu
http://www.pinch.nu/bespoke
http://www.twitter.com/Pinch_Bespoke
Posted on 11/09 7:34pm
COMMENT Joe Clark
I do occasionally post photographs, yes. Man does not live by words alone.
I see I made your obscure podcast.
Posted on 11/10 1:41am
COMMENT Creative Isn’t an Adjective: The Viximo Blog » Blog Archive » Monday’s Afternoon Delight, Typography Edition!
[...] 25+ Sites that Use Typography As the Only Design Element — for those who suck at Photoshop. [...]
Posted on 11/10 12:55pm
COMMENT souldanse » Blog Archive » links for 2008-11-11
[...] 25+ Sites that Use Typography As The Only Design Element » – Web Design Marketing Podcast & Blo… (tags: inspiration) [...]
Posted on 11/11 12:30pm
COMMENT DCC
I am a spammer
Posted on 11/13 11:42am
COMMENT Fra
Segnalo anche questo, non male!
http://www.yellindustry.it/html/index.aspx?lang=it
Posted on 11/14 11:43am
COMMENT Fra
This one its not bad!
http://www.yellindustry.it/html/index.aspx?lang=it
Posted on 11/14 11:44am
COMMENT Joe Clark
Upon reinspection, six of your 25 candidates use photography or illustration.
Posted on 11/15 1:34am
COMMENT Milan
Excellent article. Thank you!
Posted on 11/23 5:42pm
COMMENT P4rD0nM3
Awesome article! It gives me a lot of inspiration about how awesome web typography can be when executed properly!
Posted on 11/27 4:26pm
COMMENT This Month in Web Design: Best Links of November | Vandelay Website Design
[...] 25+ Sites that Use Typography as the Only Design Element – 3.7Crea.tv [...]
Posted on 11/28 8:02am
COMMENT Design Matters - 10 Tips for a Blog Design Makeover
[...] How about these 25+ Sites that use Typography as the Only Design Element? You’ll surprised that ‘typography‘ alone can truly give a design a well-deserved [...]
Posted on 11/29 7:05am
COMMENT Typography-based web design : Daniel Marcou
[...] From the http://www.3point7designs.com blog [...]
Posted on 11/30 8:27pm
COMMENT web design orange county
This is my first visit to your website and looking on, I’m impressed! Great design! I like your content!
Ann Torres
Posted on 12/07 1:38am
COMMENT Web site design orange county
Nice, lovely design. Great collection.
Kimberly Ventura
Posted on 01/03 10:38pm
COMMENT online gambling world
Nice collection, All sites looking very nice.
Posted on 01/09 7:57am
COMMENT 25 sites that use typography as the only design element | Kroativ
[...] i rezultati su zadivljujući. ” kaže autor članka na 3point7designs koji nas vodi na 25 prekrasno dizajniranih tipografskih stranica koje će vas sigurno [...]
Posted on 01/17 7:19pm
COMMENT Search PDF
Good article. All sites looking very nice and simple design .Thank you!
Posted on 01/26 6:45pm
COMMENT Cornelius Jones
I’ve taken a lot of inspiration from these sites, and from your own, to create my new blog design. If you like classic British typography, particularly Gill Sans, then it may be worth a visit.
Posted on 02/03 7:52am
COMMENT Typography Toolbox
[...] 25+ Sites that Use Typography as the Only Design Element A collection that shows the impact typography can have on design. [...]
Posted on 02/09 9:13pm
COMMENT pdf ebooks
very great list you have. i like the monty lounge design, simple.
Posted on 03/31 8:27pm
COMMENT Web Designer Notebook » Adding Style with CSS: Beautiful Type
[...] 25+ Sites that Use Typography As The Only Design Element [...]
Posted on 04/11 4:41pm
COMMENT PDF Stock
Thanks to adding up the list. Love it.. people now seems want another simple design list here.
Posted on 06/20 11:35pm