The Showcase Of BIG Typography – Second Edition

Advertisement

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

Few months ago we have already presented some sites with quite BIG typography. In this article we present further 55 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.

Please take a look at the following posts as well:

The Showcase Of BIG Typography

Designfabrika4
Görsel Işler’s porotfolio with a vibrant typography from Turkey. The design looks attractive and appealing.

Screenshot5

Defining the Designer of 20156
AIGA uses only typography in its design and uses it effectively. An intiative to define the professional characteristics of the designers of 2015 so that together we can prepare designers for the skills and roles that will be expected for them.

Screenshot7

Azzabee.com.au8
Azzabee uses big typography in a rotating Flash-based promo. The navigation menu is perfectly integrated in the promo using PNG transparency. Very elegant and effective design solution.

Screenshot9

Natl.tv10
National Television is a project which uses bold, loud and sexy typography within a Flash-based design. Very playful, impressive and interesting to explore. Some content of the site may be hard to read, though.

Screenshot11

Fl-212
Apparently, Fl-2, a design agency from Denver, Colorado, has a clear focus on typography. Both blog (first image) and the web-site (second image) offer literally HUGE typography. In the second example typography is integrated in the portfolio showcasing selected work produced by the agency.

Screenshot13

Screenshot14

Neubau Berlin
Letters, letters, letters. NeuBau is a German type-foundry which is why typography is used everywhere on the site. The typeface used is NB-Grotesk. The design isn’t intuitive at all, but that’s all about typography, right?

Screenshot

Screenshot15

JLern Design16
JLern Design presents the typography from a quite unusual perspective. Nice, compact and typography-heavy design solution. Flash in use.

Screenshot17

Are you a virgin?18
AIGA’s another concept based only on typography. The current section of the site is presented with a bold and colorful typography.

Screenshot19

Hungry Man20
Hungry man seems to be hungry for job as well. A really distinctive design with a little bit retro-look.

Screenshot21

256tm.com22
256TM is a font foundry by Thomas Huot-Marchand. Below the splash-page is presented. The navigation menu is, of course, based upon pure typography, too.

Screenshot23

Elmwood24
Elmwood isn’t really humble and uses typography to emphasize exactly this. Effective use of typography for promotional purposes. After all, it’s all about impressing people, right?

Screenshot25

Erratic Wisdom26
Not only is the typography quite bold, it is yellow too! Designed by Tom Fadial.

Screenshot27

Moony.cz28
Lukas Strnadel from Czech Republic places a brief description of the site in the middle of the page. Vibrant colors in use.

Screenshot29

Switch Mediaworks30
Switch Mediaworks is a pretty lively web-site with a pretty lively typography.

Screenshot31

Shut.elmota.com32

Screenshot33

Mike Precious34

Screenshot35

Newsmap36
Newsmap displays current stories and their popularity in a news map. More important messages are displayed with bold typography.

Screenshot37

Fixie

Screenshot38

Sean Klassen39
Sean Klassen loves Helvetica and wears pants. Both his splash-page and his blog are heavy on typography.

Screenshot40

Screenshot41

Postmachina.com42
Postmachina uses typography to deliver the message…

Screenshot43

Chris Garrett Media44
…so does Chris Garrett. Color transition in use…

Screenshot45

Francesco Mugnai46
…and so does Francesco Mugnai.

Screenshot47

Freshe.st48
Bill Morrison has a small web-site, but uses large and bold typography.

Screenshot49

Urban Phes50

Screenshot51

Ourtype.be52
Ourtype is a Belgian type foundry which showcases its typefaces at large scale. When you scroll the page, type seems to be a little bit shaky.

Screenshot53

Kokokaka54
Kokokaka sounds pretty strange, but this is how a Swedish design agency is called. Their web-site uses capital caps and very colorful links.

Screenshot55

Organic Grid56
Michael McDonald with dynamic Flash-based typographic design.

Screenshot57

Colorcubic.com58
Sometimes one can experiment with geometric shapes as well. Colorcubic uses illustrations which look like typography, but are indeed not letters.

Screenshot59

Pier Madonia60
Pier Madonia showcases his work using a large typography-based navigation menu. That’s an unusual approach which isn’t intuitive but still simple to understand and to use. The sub-menu is pretty large, too. And, of course, uses only typography.

Screenshot61

Alex Cohaniuc62
Alex Cohaniuc uses typography for his categories…

Screenshot63

Ogilvy Durham64
…Ogilvy Durham for his logo…

Screenshot65

I Love Typography66
…John Boardley for the title of his site.

Screenshot67

Brunet Garcia68

Screenshot69

Studio Number One70

Screenshot71

Virtual Memories Inc.72
Apparently, the creators of this site really love typography. Because they have almost nothing else.

Screenshot73

300million.com74
On 300million letters fly, jump and float. Created with Flash.

Screenshot75

Twistori.com76
Twistori is an ongoing social experiment which analyzes messages sent to Twitter and presents them in a scrolling window. With large and vibrant typography.

Screenshot77

Daniel Hagglund78

Screenshot79

Vision 780
On Vision 7 the typography is literally squeezed insind a tiny and short layout. The letters are nevertheless huge.

Screenshot81

Wind Jammer82
Not really beautiful, but big and large. This company from London seems to have its own style when it comes to choice of letters.

Screenshot83

Mattia Viviani84

Screenshot85

Paco Raphael86

Screenshot87

ixwa.com88
Sometimes typography can be large yet remain subtle and support the content of the site…

Screenshot89

Visie.com.br90

Screenshot91

Futonmedia92

Screenshot93

Babasonicos.com94
Babasonicos uses bold and pretty colorful typography in the navigation. This may not be the perfect solution from the usability-perspective, but the site perfectly achieves its primary goal, namely to appear lively and colorful — just the way the band is in its pretty strange videos.

Screenshot95

Topos Graphics96
Topos Graphics: a start page with “mirrored” typography.

Screenshot97

Popart Blog98
Typography for headlines gone bold. The headline literally stands out.

Screenshot99

Nu Visual Language100

Screenshot101

Urbanchip102

Screenshot103

Mike Poss104

Screenshot105

Marie Julien106

Screenshot107

Berlin.unlike.net108
Bold typography supports the design. It doesn’t stand out but it is visible.

Screenshot109

Footnotes

  1. 1 http://www.smashingmagazine.com/2007/10/15/the-showcase-of-big-typography/
  2. 2 http://www.smashingmagazine.com/2008/05/12/sexy-bold-and-experimental-typography/
  3. 3 http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/
  4. 4 http://www.designfabrika.com/
  5. 5 http://www.designfabrika.com/
  6. 6 http://designerof2015.aiga.org/
  7. 7 http://designerof2015.aiga.org/
  8. 8 http://azzabee.com.au/
  9. 9 http://azzabee.com.au/
  10. 10 http://www.natl.tv/
  11. 11 http://www.natl.tv/
  12. 12 http://www.fl-2.com/
  13. 13 http://blog.fl-2.com/
  14. 14 http://www.fl-2.com/
  15. 15 http://www.neubauberlin.com/
  16. 16 http://jlern.com/
  17. 17 http://jlern.com/
  18. 18 http://www.aigadc.org/showoff/index.html
  19. 19 http://www.aigadc.org/showoff/index.html
  20. 20 http://www.hungryman.com/
  21. 21 http://www.hungryman.com/
  22. 22 http://www.256tm.com/index.htm
  23. 23 http://www.256tm.com/index.htm
  24. 24 http://www.elmwood.co.uk/
  25. 25 http://www.elmwood.co.uk/
  26. 26 http://www.erraticwisdom.com/
  27. 27 http://www.erraticwisdom.com/
  28. 28 http://moony.cz/en/
  29. 29 http://moony.cz/en/
  30. 30 http://www.switchmw.com/
  31. 31 http://www.switchmw.com/
  32. 32 http://shut.elmota.com/
  33. 33 http://shut.elmota.com/
  34. 34 http://www.mikeprecious.com/
  35. 35 http://www.mikeprecious.com/
  36. 36 http://www.marumushi.com/apps/newsmap/
  37. 37 http://www.marumushi.com/apps/newsmap/
  38. 38 http://www.fixieconsulting.com/
  39. 39 http://seanklassen.com/
  40. 40 http://seanklassen.com/
  41. 41 http://blog.seanklassen.com/
  42. 42 http://postmachina.com/
  43. 43 http://postmachina.com/
  44. 44 http://chrisgarrettmedia.com/
  45. 45 http://chrisgarrettmedia.com/
  46. 46 http://www.francescomugnai.com/
  47. 47 http://www.francescomugnai.com/
  48. 48 http://freshe.st/
  49. 49 http://freshe.st/
  50. 50 http://www.urbanphes.es/
  51. 51 http://www.urbanphes.es/
  52. 52 http://www.ourtype.be/
  53. 53 http://www.ourtype.be/
  54. 54 http://www.kokokaka.com/
  55. 55 http://www.kokokaka.com/
  56. 56 http://www.organicgrid.com/
  57. 57 http://www.organicgrid.com/
  58. 58 http://www.colorcubic.com/
  59. 59 http://www.colorcubic.com/
  60. 60 http://www.piermadonia.com
  61. 61 http://www.piermadonia.com
  62. 62 http://www.alexcohaniuc.com/
  63. 63 http://www.alexcohaniuc.com/
  64. 64 http://www.ogilvydurham.com/
  65. 65 http://www.ogilvydurham.com/
  66. 66 http://ilovetypography.com/
  67. 67 http://ilovetypography.com/
  68. 68 http://www.brunetgarcia.com/
  69. 69 http://www.brunetgarcia.com/
  70. 70 http://www.studionumber-one.com/
  71. 71 http://www.studionumber-one.com/
  72. 72 http://virtualmemoriesinc.com/
  73. 73 http://virtualmemoriesinc.com/
  74. 74 http://www.300million.com
  75. 75 http://www.300million.com
  76. 76 http://twistori.com/#i_believe
  77. 77 http://twistori.com/#i_believe
  78. 78 http://www.danielhagglund.com/
  79. 79 http://www.danielhagglund.com/
  80. 80 http://vision7.org/
  81. 81 http://vision7.org/
  82. 82 http://www.windjammerandtruck.com
  83. 83 http://www.windjammerandtruck.com
  84. 84 http://www.mattiaviviani.com/
  85. 85 http://www.mattiaviviani.com/
  86. 86 http://www.pacoraphael.com/
  87. 87 http://www.pacoraphael.com/
  88. 88 http://www.ixwa.com/
  89. 89 http://www.ixwa.com/
  90. 90 http://visie.com.br/treinamento/
  91. 91 http://visie.com.br/treinamento/
  92. 92 http://futonmedia.com/
  93. 93 http://futonmedia.com/
  94. 94 http://babasonicos.com/
  95. 95 http://babasonicos.com/
  96. 96 http://www.toposgraphics.com/
  97. 97 http://www.toposgraphics.com/
  98. 98 http://blogs.popart.com/
  99. 99 http://blogs.popart.com/
  100. 100 http://www.nuvisuallanguage.co.uk/
  101. 101 http://www.nuvisuallanguage.co.uk/
  102. 102 http://www.urbanchip.com.ar/
  103. 103 http://www.urbanchip.com.ar/
  104. 104 http://www.mikeposs.com/about.php
  105. 105 http://www.mikeposs.com/about.php
  106. 106 http://www.mariejulien.com/
  107. 107 http://www.mariejulien.com/
  108. 108 http://berlin.unlike.net/
  109. 109 http://berlin.unlike.net/

↑ Back to top Tweet itShare on Facebook

Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

Advertisement
  1. 1

    The massive type looks patronizing …

    0
  2. 52

    big fonts are so ugly

    0
  3. 103

    great typography styles! :D

    0
  4. 154

    i dont see any images?

    0
  5. 205

    elmwood was a revelation for me. Never thought branding can be used in such a potent way.
    Thanks for introducing to such a great site

    0
  6. 256

    awesome.

    0
  7. 307

    Hi Tech Gadgets

    May 14, 2010 7:19 am

    Hey man, great examples of typography being used on websites.

    0
  8. 358

    webfire - London Web Agency

    February 14, 2011 7:52 am

    Really nice collection of designs… big typography is beautiful!

    0

↑ Back to top