Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The Showcase Of BIG Typography

The main advantage of excellent typography lies in its ability to be both attractive and functional at the same time. Although images communicate more vividly, text presentation can impress visitors with its sharpness and precise geometrical forms and curves. Consequently, chosen wisely and used carefully, it can be very effective — and there are dozens of outstanding examples1 of how the latter can be achieved.

However, web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.

In this article we present over 35 examples of big, “loud” and yet elegant typography in web design; some listed designs are Flash-based, and in some cases designs are based not only upon typography, but also upon some visual elements.

  • You might be interesting in the showcase of simple and clean designs2 we’ve published before.
  • Please notice that all images can be clicked and lead to the sites from which the screenshots have been taken.

The Showcase Of BIG Typography Link

Typo Screenshot3
Typo Screenshot
Typo Screenshot
Typo Screenshot4
Typo Screenshot5
Typo Screenshot6
Typo Screenshot7
Typo Screenshot8
Typo Screenshot9
Typo Screenshot10
Typo Screenshot11
Typo Screenshot12
Typo Screenshot13
Typo Screenshot14

Typo Screenshot

Typo Screenshot15
Typo Screenshot16
Typo Screenshot17
Typo Screenshot18
Typo Screenshot19
Typo Screenshot20
Typo Screenshot21
Typo Screenshot22
Typo Screenshot23
Typo Screenshot24
Typo Screenshot25

Experimental Solutions Link

Typo Screenshot26
Typo Screenshot27
Typo Screenshot28
Typo Screenshot

Footnotes Link

  1. 1 http://ilovetypography.com/2007/09/19/15-excellent-examples-of-web-typography/
  2. 2 /2007/03/keep-it-simple-stupid-showcase-of-simple-and-clean-designs/
  3. 3 http://www.hugeinc.com/
  4. 4 http://www.ff0000.com/
  5. 5 http://www.blogactionday.org/
  6. 6 http://www.ilovetypography.com
  7. 7 http://www.bd4d.com/
  8. 8 http://www.l2m3.com/
  9. 9 http://www.preview.co.uk
  10. 10 http://www.iamalwayshungry.com/
  11. 11 http://markoff.pl/
  12. 12 http://madinspain.com/
  13. 13 http://www.sectionseven.com
  14. 14 http://www.antiantinyc.com
  15. 15 http://www.wearitwithpride.com/
  16. 16 http://www.martinkonrad.com.au/
  17. 17 http://www.davorvaneijk.com/
  18. 18 http://www.ilkilkilk.com/
  19. 19 http://www.takeshape.it/
  20. 20 http://www.typocircle.co.uk/
  21. 21 http://www.culturaldomain.com/
  22. 22 http://www.bowwowlondon.com/
  23. 23 http://www.artless.gr.jp/
  24. 24 http://www.designershock.com/
  25. 25 http://mypropaganda.co.uk/
  26. 26 http://www.mostardesign.com/
  27. 27 http://www.posttypography.com/
  28. 28 http://www.pnmnl.com/
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    Those are great examples! Yet again another fantastic article by you guys!

    Indeed sometimes when theres a need for big fonts the design do not matter much. Thanks for the great examples you provided too.

    Swift

    0
  2. 2

    Typography is definitely one of the most underrated design skills, yet one of the most important.

    It can make or break a design, and as these examples show typography good type stands out

    0
  3. 3

    Pure showcase, I love playing with typography!

    0
  4. 4

    All of these are really beautiful examples, and great for inspiration.

    0
  5. 5

    Not sure it will help me. But still interesting

    0
  6. 6

    Excellent list as usual… typography is everything!

    0
  7. 7

    There is some beautiful topography in there. Really good work.

    Unfortunately, what I came away with was a newfound disdain for all-flash interfaces. Seriously, the never-ending progress bars, windows flying/morphing around, and horizontally scrolling layouts make me a little nauseous. And god help you if you actually want to bookmark something. I know that’s not the point of this article, but still.

    0
  8. 8

    Some nice eye-candy and some definite pointers to great typography.

    0
  9. 9

    I still see too much tiny font sizes, but the headers are okay.

    0
  10. 10

    brilliant showcase! beautiful typefaces!!

    0
  11. 11

    Beautiful :) great links! I love big type designs… very 2.0 clichéd but hey they rock :)

    0
  12. 12

    That type of typography is ok but not awesome. I am for the medium size letter with good visibility and small screen coverage.

    0
  13. 13

    Mother of all BIG typography websites appears to be missing in this list…

    0
  14. 14

    I Love Copperplate

    October 16, 2007 4:17 am

    Nice but not as nice copperplate gothic bold. These are all ok fonts but none can compare to the largeness of that font in any size.

    0
  15. 15

    I love typography!

    0
  16. 16

    The web 2.0 in all of us love the great big typography. Makes me wonder if web 3.0 is going to be a shift to almost 100% typography.

    Simplify, simplify, simplify.

    0
  17. 17

    Alexander Hahn

    October 16, 2007 5:15 am

    beautiful examples – very inspiring!
    But one thing annoys me: http://www.circa1979.com/ is not a website, it`s 5 images! what the heck? it`s 2007!

    0
  18. 18

    Nice, but for web 3.0 can we get some new typefaces already?

    0
  19. 19

    I seem to be seeing a lot serif Swiss-ey style stuff, boring boring, and avant garde font, hahaha retro 70 slush, good big design does not have to be this dull does it?

    0
  20. 20

    I feel like I’m looking at the back cover of “Windowlicker” again and again and again. Or like I’m back in the eighties in a store full of nothing but generic products. All labeled in Helvetica.

    0

↑ Back to top