Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. 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. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Award-Winning Newspaper Designs

Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some “floating” techniques provide such results. However they produce bloated source code just as well).

At the same time, the flexibility of the Web is hardly applicable to print as there is no way to customize a traditional periodical for reader’s convenience. Apart from that, online reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter. [Content Care Nov/09/2016]

However, there are some fundamental principles which are often being used in both media. Over the last years newspapers and websites started to apply similar principles of data presentation, such as the heavy use of white space and 1grid-based design2.3 The results can sometimes be very similar, but often they have almost nothing at common.

This issue of Monday inspiration series is supposed to provide you with some examples of outstanding newspaper designs which have been rewarded with prestigious awards (see references at the bottom of this post) and demonstrate unusual approaches of newspaper layout.

You might be interested in the following related posts:

El Economista (Madrid, Spain) Link

El Economista uses a very traditional, subtle and unique newspaper layout. Notice how well the typography reflects the weight of single articles. Infographics support the content and headlines are surrounded by huge amount of whitespace.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Äripäev (Tallinn, Estonia) Link

Äripäev’s signature is the heavy use of typography. The layout may sometimes seem overcrowded, however the packaging is always clean, simple to digest and easy to read. Note the difference in weights of colors: color, grey and red are applied carefully and sparingly.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

De Morgen (Belgium) Link

De Morgen focuses on attractive packaging and a visually appealing layout. Vivid colors offer readers more eye-candy; however, they also have a function as they e.g. clearly separate quotations from the overall article. Headlines are centered, background-colors differ from page to page.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Politiken (Copenhagen, Denmark) Link

Politiken has a very eye-pleasing, legible layout with soft, neutral colors. Notice the clean horizontal packaging on the right-hand side image below. The sharpness of typography is breathtaking.

Excellent Newspaper Designs
Excellent Newspaper Designs

The Rzeczpospolita (Warsaw, Poland) Link

The Rzeczpospolita displays its conservatism in a traditional, conservative layout. No fancy images, no vivid background colors in use. The content dominates and helps the layout to gain a rather traditional look.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Le Monde (Paris, France) Link

Le Monde presents a mix of colorful infographics, solid typography and professional content…

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Frankfurter Allgemeine Zeitung (Frankfurt, Germany) Link

…so does the “>Frankfurter Allgemeine Sonntagszietung: the excerpts are distributed uniformly which gives the page a clear and easy-to-read and easy-to-scan structure. It’s not always possible, though.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Expresso (Portugal) Link

Expresso: with rich colors, clean grid-based layout and concise typography. Notice how the colors are applied and how the content is separated (see second screenshot).

Excellent Newspaper Designs
Excellent Newspaper Designs

The Guardian (London, UK) Link

The Guardian has recently finished its redesign. Result: more vivid colors and more vivid blocks. However, the legibility and the sharpness of presentation don’t suffer. A nice example of how multiple colors can be used not destroying the balance between visual appeal and legibility.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Dubai Express (Dubai, United Arab Emirates) Link

Dubai Express is another example of colorful yet legible layout design. The layout has 10 colors on one single page, used in different contexts in different colors. Note the sharpness of typography and use of capital letters on the front page. In this case color is definitely appropriate as the newspaper’s main topic is entertainment.

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Mint (India) Link

Mint, financial daily in India, uses large indentation for typography and elegant visual highlights to separate the content. That works well: both attractive, scannable and easy-to-read.

Excellent Newspaper Designs
Excellent Newspaper Designs

St. Louis Post-Dispatch (US) Link

St. Louis Post-Dispatch (US) isn’t a boulevard-newspaper, but a local regional magazine. The layout has a clear content hierarchy and a very simple structure. Huge amount of whitespace: waste of space or a clever technique to focus readers’ attention on the main topics?

Excellent Newspaper Designs

Hartford Courant (US) Link

The Hartford Courant is a standout in the American newspaper market. The newspaper distinguishes itself with an enduring elegance in design and typography. Though conservative in their approach, designers engage readers with the bold use of visuals. The contrast between their quiet, understated style and the gutsy photography and illustrations create a tension that captures the attention of readers.

Excellent Newspaper Designs
Excellent Newspaper Designs

Resources and Further References Link

Footnotes Link

  1. 1 /2007/01/12/white-space-and-simplicity-an-overview/
  2. 2 /2007/04/14/designing-with-grid-based-approach/
  3. 3 /2007/01/12/white-space-and-simplicity-an-overview/
  4. 4 https://www.smashingmagazine.com/2008/11/newspaper-website-design-trends-and-examples/
  5. 5 https://www.smashingmagazine.com/2009/10/10-pre-press-tips-for-perfect-print-publishing/
  6. 6 https://www.smashingmagazine.com/2009/04/switch-from-print-to-web-where-to-start/
  7. 7 http://www.snd.org
  8. 8 http://www.newseum.org/todaysfrontpages/
  9. 9 http://www.flickr.com/groups/newsdesign/pool/
  10. 10 http://www.newspaperaward.org/

↑ Back to top Tweet itShare on Facebook

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 front-end/UX workshops, webinars and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    Just a small correction. Dubai is in United Arab Emirates, not Saudi Arabia.

    3
  2. 2

    Love this post.

    I am inspired! :)

    2
  3. 3

    El Economista and the Guardian are the best by far, a few there I don’t think should be “award winning” – But interesting collection.

    1
  4. 4

    El Economista and Le Monde do it for me. Love the colour palette of the former, and the type (by Jean Fraçois Porchez) of the latter. Great stuff SM.

    0
  5. 5

    I like the minimalism on Hartford Courant ! Also Guardian!

    Nice Post! When are you going to to a similar post but with Innovation in Magazine Design or something like that? will be interesting.

    1
  6. 6

    interesting article..

    1
  7. 7

    I like very much the Expresso.
    Portugal is my love…

    1
  8. 8

    amazing = 牛逼

    1
  9. 9

    What a great example to choose as the first, only because I saw TIn TIn!

    0
  10. 10

    Frankfurter Allgemeine Zeitung looks really nice. Football looks even better shown that way :)

    0
  11. 11

    Oh why wasn’t this around a few days earlier! I’ve just completed a website heavily based around the theory of newspaper design, and had to do all the research by hand. Well done with the article though, there are some excellent example of design in there, truly inspirational work with a grid, some typography and white space!

    0
  12. 12

    I love the amount of whitespace in “El economista”.

    0
  13. 13

    I love these kind of articles bring them on! DTP is something that is missing on internet.(they way you gother and present it)

    0
  14. 14

    I do not see a good or helpful judgement here… everything is “legible and crisp” in your eyes, but the examples are cluttered and sometimes not clear, legible and crisp but shmashed and ugly…

    next time you will judge the german BILD-Zeitung a legible design with balanced use of typography and colors? ;=)

    0
  15. 15

    Vitaly Friedman & Sven Lennartz

    February 11, 2008 5:21 am

    @Connie: please point exactly to the sites which are cluttered and sometimes not clear in your opinion.

    0
  16. 16

    The encore page from ‘De Morgan’ would translate nicely to a web page (just using the first 3 columns).

    0
  17. 17

    Some are good some are bad. But in the end it is nice to see some old school print design. I was involved in this domain for 3 years and it was quite cool.

    Great resource guys.

    0
  18. 18

    extreme webmaster

    February 11, 2008 6:21 am

    As usual, a great compilation and a great resource. These newspaper designs are really inspirational. I will definitely use some of them on my websites.

    0
  19. 19

    Portugal is mistyped. By the way, nice post!

    0
  20. 20

    Awesome post! I really enjoyed reading this one.

    0
  21. 21

    Some of these would be very difficult to translate into web designs, but it’s something to think about.
    Newspaper layout people have to take grid, and column design very seriously.
    Our local paper for example is a six-column layout, but they do change things up to keep it interesting.
    You get a much better idea of grid design watching how the newspaper pros do it.

    0
  22. 22

    Nico to see that you included my favorite Belgian gazette! Great article!

    0
  23. 23

    hmmm. A few of those are just plain, but a few are great. Good news papers, and news letters are all about Feng Shui and balance

    0
  24. 24

    @#15:

    “The Rzeczpospolita displays its conservatism in a traditional, conservative layout.” this red is conservative? this paper is using signal red, and “conservative layout” is something else..
    this page “http://www.snd.org/best27/Rzeczpospolita_files/2001J.png” is for sure not conservative layouted and easy to read…

    “Äripäev” is yellow press and for sure “packaging is always clean” is not the case .

    Sorry, but still I assume that you wanted to proof a thesis instead of doing some research…

    0
  25. 25

    so nice to see those award winning newspapers ^^

    0
  26. 26

    There is definitely something a Web Designer can adopt from those examples.
    Very nice and different collection!

    0
  27. 27

    If you can get a copy, Canada’s Globe and Mail is a good example of nice newspaper design. In fact, they even commissioned their own fonts.

    1
  28. 28

    Woah, great to see an Indian News Paper in this list.

    0
  29. 29

    For a while i didn’t think i was going to see any from U.S, but glad that we have some good newspaper.

    0
  30. 30

    Mark A. Dodge Medlin

    February 11, 2008 9:21 pm

    It’s worth pointing out that the Society for News Design is in the process of picking the next gigantic batch of winning pages, graphics and photos. Some of the results can be found on SND’s Update blog, if you can get past the inside baseball and “inspirational” poems.

    Interesting post. It’s always eye-opening to see newspaper design through the eyes of design experts who aren’t newsprint folk.

    0
  31. 31

    The Pittsburgh Post Gazette has a nice layout. I may be a little biased towards the paper but, I’ve always thought they had a wonderful overall design. I agree with others that the el economista is remarkable.

    0
  32. 32

    I like Äripäev’s layout most. It’s catchy and clearly arranged. lovin it. But I don’t get why FAZ (Frankfurter Allgemeine) is award winning. I don’t like it at all!

    Greetings from Frankfurt, Germany
    — tux86

    0
  33. 33

    Great compilation. Interesting to see how much newspaper layout has found it’s way in todays blog sites. Good study material of how much content can be packed into little space and still keep the reader interested and the visuals appealing.

    0
  34. 34

    I delivered the Hartford Courant for 3 years when I was 12. Grew up in Connecticut :)

    0
  35. 35

    El Economista is the best. I like Frankfurter Allgemeine Zeitung also
    Great inspiration resource guys, keep it up!!!

    0
  36. 36

    is nice to see a portuguese newspaper in the list :) ( im portugues off course :D )

    congrats for the excelent work in this website.

    0
  37. 37

    Not bad and a good over view. But there are some missing, like the Asia section ;-)

    0
  38. 38

    Le monde, El Economista & Expresso are awesome

    0
  39. 39

    Very very nice collection. Excellent.

    0
  40. 40

    Very interesting to see some newspaper Designs of other country.

    0
  41. 41

    I always like The Guardian, especially their website because of the clean cut and easy to understand navigation

    Other noted websites are New York Times and The New Yorker

    0
  42. 42

    I love Web graphics to Print ones. But these Newspaper designs are quite well designed. Just Excellent

    0
  43. 43

    “The Stranger” in Seattle Wa Is always fun to look at. It’s a bit different than these though. . .

    0
  44. 44

    I found this post really informative. Keep up the good works and provide education to global internet user.

    0
  45. 45

    this article is really great! the designs are very innovative. it is really noticeable how nowadays CEOs (or whoever makes those decisions) have the courage to go on and publish this incredible designs! congratulations to all of them: designers, directors and Smashing Magazine Staff for publishing this article! :)

    0
  46. 46

    wow.. amazing,,,!

    and no doubt…! the smashing news paper is….. Hartford Courant ! :)

    0
  47. 48

    Daniel Ted Feliciano

    February 13, 2008 10:58 pm

    Wow, amazing. I magine if newspapers the whole world over have designs like those. It’d be a much better place.

    0
  48. 49

    emiliodobrasil

    February 14, 2008 6:05 am

    O layout do Jornal Expresso é citado na secção “Monday Inspiration!” do site Smashingmagazine..

    0
  49. 50

    Very nice article!
    And apart from personal taste these layouts have the function of targeting a specific audience.
    If you look at all of these layouts again keeping this in mind they tell a very interesting story about the countries they come from, the public they are targeted at and their level of education and sophistication.
    Thanks for the inspiration!

    0
  50. 51

    I wish American papers embraced tabloids like the rest of the wold (and New York City)!

    0
  51. 52

    it seems you failed to remember Zaman newspaper from Turkey, so they have newspaper design award from Society For News Design (SND).

    1
  52. 53

    Since Newpapers are loosing market share, they have to do something to keep readership. Doing a great job with some of these papers!

    0
  53. 54

    It’s inspired me to make a newspaper-look theme for my blog. I’ll try it :)

    0
  54. 55

    Hy,

    nice showcase. But I think the FAZ (Frankfurter Allgemeine Zeitung) is from the designer’s point of view really not the most stunning.
    There’s a weekly newspaper called “Die Zeit”, and it’s graphics, illustrations and info graphics are stunning.

    The main illustrator working for “Die Zeit” is called Smetek. You can enjoy his artwork here: http://www.smetek.de/html/zeit.htm

    Best regards from Berlin/Germany,

    Lukas Rieder

    0
  55. 56

    Yo.

    Anyone got any idea of the typeface used on Aripaev? Both the newspaper header and the body text. If there’s any hints that would be eeexcellent.

    cheers

    0
  56. 57

    this is so cool! maybe you can put up a post for “award winning content design”, too.

    0
  57. 58

    expect the unexpectation – thank you

    0
  58. 59

    Wow!

    I was really fascinated. Tremendous collections.

    BTW, thanks for the flickr group.

    0
  59. 60

    nice collection..

    0
  60. 61

    Great Post. Thank you for posting sources. I would like to see more analytical data on how viewers cross a page in general when it is consistent. The heat maps of Newspapers, etc ………….

    0
  61. 62

    it is very informative. can u send me any other site name. which gives us information about page design.

    0
  62. 63

    Daniel Condurachi

    March 25, 2008 4:38 am

    really fine examples… a great inspiration. Thank you!

    0
  63. 64

    Really good collections. Thank you

    0
  64. 65

    Paul Le Comte

    April 7, 2008 2:01 am

    I was lucky enough to be at SND annual conference in Boston last year, very inspirational. Chip Kid, Tom Bodkin, Khon Vin and Mark Porter, along with the all of the other inspirational designers.

    This years SND is in Vegas combined with the Society of Publication Designers, sept 08. Should be really intersting.

    http://www.sndvegas.com

    thanks for the post

    0
  65. 66

    Tuesday Robinson

    April 15, 2008 11:13 am

    These designs are awesome, but they privilege Europe and retrievals of the international style. Sure, the UAE, India, and the US were included, but I’m curious about Asian and South American design as well, and about what they mean for contemporary print style.

    0
  66. 67

    I think the rich Emirated from Dubai paid something to show their paper here hahaahhaa.

    I liked a lot that american Hartford and the El Econimista from Spain. I’m not suprised about the “Expresso” among the awarded ones. Portuguese have been making a very good, really very good job in graphic design area.

    0
  67. 68

    I think! ammm………you are doin so wonderful that no oneelse in this world is doin for inspiring designers!

    You are doin this without any selfishness and thats what make all the more great!

    keep up the more than excellent job :-)

    0
  68. 69

    Joe Clifford

    June 19, 2008 8:49 pm

    Has anyone seen a stone paper called fiberstone? I met with someone from a company called natural source printing. They claim that this uses no water and is better for the planet than recycled paper. How can that be? Is it true? Anyone had any experience printing on paper made from stone? They say you can do fiberstone paper boxes and labels and brochures?? Stone paper? Really? Sounds cool but I’d want to see it.

    0
  69. 70

    Anirban Adhikari

    July 25, 2008 3:41 am

    Informative article.Good one.

    0
  70. 71

    Honestly, those designs are pretty standard. Looks like most newspapers from the ’80s. There’s better work being done out there.

    0
  71. 72

    Very interesting article and just what I was looking for.

    0
  72. 73

    nice.. post. this one really helps alot!! thanks

    0
  73. 74

    Umm MINT is really taste now!!

    0
  74. 75

    So nice !!!
    &
    Needful to create news papers !!!
    Please, send more “News paper Designs” &
    Tricks to success in News Paper Making.

    0
  75. 76

    Wow. I love this post. So much that I’ll be using some of the examples in my Copyediting and Layouting class. Just brilliant. thanks!

    1
  76. 77

    I like the layout of the Guardian

    0
  77. 78

    Wow, Estonias Äripäev is one of the top noch newspapers on design.

    Newer could have known that!
    Im from Estonia and usually read that paper in the morning :)
    Newer will look at it the same again.

    0
  78. 79

    its smashing absoulutly great works, i would like to thanks this site owners to show us this designs

    0
  79. 80

    I have seen the smart layout of newspapers. Thanks.

    0
  80. 81

    One U.S. paper that is known for its innovative design is The Virginian-Pilot in Norfolk, Va. I suggest you check it out.

    0
  81. 82

    sreedevi.c.nair

    May 14, 2009 10:52 pm

    its two good and iam very surprising.

    0
  82. 83

    Francis Paul Bayan

    May 26, 2009 3:12 am

    The newspapers posted are truly excellent..!
    I’m inspired by the newspaper layouts especially now I’m studying the newspaper layout techniques…

    0
  83. 84

    El Economista – Great colorpalet and wonderful graphics
    Expresso – Very nice to read, easy on the eye nice graphics
    Hartford Courant – Love the amount of white space! Easy to read and nice graphics.

    0
  84. 85

    Andrew Wilson

    July 17, 2009 6:03 am

    Hartford Courant should be hanging in a museum. Gorgeous work!

    0
  85. 86

    Lindsey K. Harmon

    September 11, 2009 8:41 am

    i totally agree….but i would say uplifting

    0
  86. 87

    I really love this post…

    All the very best.

    -3
  87. 88

    cheers it’s about time i found a useful article on teinternet

    0
  88. 89

    Awesome !

    1
  89. 90

    It is a complex issue and race belongs in the dialogue, but we need to understand that race is not the problem. ,

    0
  90. 91

    This suspension set a precedent for succeeding eco- nomic crises; 1819, 1837, 1857, and so forth. ,

    -1
  91. 92

    Interesting to see that the list is predominently anglo-centric. There was no mention of any East Asian countries like China, Japan, Korea etc… I think they have some wicked designs over there. Would be nice to see some of their work.

    0
  92. 93

    The St. Louis Post Dispatch has neither the sense nor facts to fill an article.

    -4
  93. 94

    All the newspapers use capital letters only in the beginning of the phrases. Why don’t you do that in the blog?

    0
  94. 95

    I work Mndhu 20 years in journalism and in the Arab press are out distinct and the paper I work bestowed upon the best extension at the Gulf, which was held in Amman recently, a daily newspaper albiad…

    -2
  95. 96

    WOW! I didn’t realize just how Artistic Newspaper Layouts should be, i was just out here to gather assignment info, Great Work Guys!

    0
  96. 97

    God Bless you for this! thanks!!

    -1
  97. 98

    Anni Varanda

    May 13, 2010 8:06 pm

    Adorei isso… Tks!

    -1
  98. 99

    Marcos Cortes (Dominican Republic)

    May 18, 2010 9:42 pm

    Excellent man ….theres nothing more to say… and thanks for sharing.

    0
  99. 100

    I love you designs, quit impress, kindly send me some dummy to work with. I am a designer too. As you know we learn every day. pls send them through my email thanks.

    -1
  100. 101

    1915: 1.8 Billion people,
    2010: 6.8 Billion people,
    95 years: 5 Billion people,
    2310: 22 Billion people,
    Solution to problem: Stop Creating Babies

    -3
  101. 102

    I luff them all! :D
    Super spectacular job everyone! :P
    The one about Keskerakond is da best! :O

    -1
    • 103

      I have to disagree with i think most of them were not the best they could be. Your so stupid i bet you have no idea of what your even talking about… I HAVE SEEN WAY BETTER!!

      -4
  102. 104

    thanks . that was good

    -1
  103. 105

    thank so much

    2
  104. 106

    This website is soooo amazing! I’m only in high school (I’m and editor on the school paper) but someday I hope to have some of my own pages on here! (I know, corny dream…) but till then its fun to scroll through cultures of design and maybe even take a few of the ideas for a spin on my own page =)

    -1
  105. 107

    hello guys..
    now i want to layout newspaper about a art group at my university..what type layout should i do for looking very cool and style page..? link pls ? =)

    -1
  106. 108

    wow im so impressed with this work i work for a very un interesting newspaper and my design expression is limited they want the same style for each and every issue and its bores the hell out of me this very good pity i cnt explore as im qualified as a graphic designer

    -2
  107. 109

    all post really fantastic n bring us also those kind of knoledge that can intrest us …..n its design also very eye appealing n soothing….fabulous!!

    -1
  108. 110

    i love it!!!

    1
  109. 111

    Awesome post! I really enjoyed reading this one

    -1
  110. 112

    Rosalinda L.Lato

    January 3, 2012 4:16 am

    This is awesome! It will help my students a lot to learn more about lay-outing.

    -1
  111. 113

    Niklank jain

    May 1, 2012 4:54 pm

    ahhhhhhhh!!!!!…..these are great designs , am thankful to these designers as they helped me in winning the contest
    thank you

    1
  112. 114

    Almost all of your links do not work. Why is that so? Please update. :) Sincerely.

    1

↑ Back to top