The Mario Blog
09.15.2014—5am
Financial Times: a classic redesign for the digital age

From time to time a newspaper redesign is announced that gets everyone on alert mode. Such is the case with the redesign unveiled today by the Financial Times. Let's take a look at the centerpieces of this project: the new fonts, the new grid, greater role of graphics and, overall, creating a print edition for the digital age.

The newly designed front page of the Financial Times

Inside pages of the newly redesigned FT: notice switch to 6-column grid (with 12-column variation).

Kevin Wilson, head of design at the Financial Times, teased me with a short mail that simply said: “Mario, it’s still pink and still a broadsheet”.

That’s good to know, but it was even better to sample some pages with the new design that Kevin sent me a couple of days ago. 

Three highlights are the main centerpieces of the Financial Times’ redesign, which was led by Kevin Wilson along with design consultant Mark Leeds :

A new typographic palette: get introduced to Financier, an elegant, old world font that charms at first sight.

A new grid: gone is the 8 column configuration, is in the more attractive 6 column grid.

A newspaper that’s designed to give the print edition a specific role as it redefines its purpose in the midst of the digital world.

 

 

A conversation with Kevin Wilson, FT head of design

Mario:

What was the biggest challenge to redesign the FT?

Kevin:

The biggest challenge for the redesign team was one of balance: 

The newspaper wasn't broken, but we needed to update and modernise it – to show an ongoing commitment to print while refocusing our editorial priorities. The design also needed to deliver a run of pages and graphic formats that were more standardised – to make forward-planning and web-to-print translation easier.

 

Mario:

Your Weekend FT has more sections and a magazine: was a different thinking geared for this particular edition?

Kevin:

The weekday FT is a complex two-section paper, that readers approach in different ways. Some start from the back Companies section, and jump to specific points in the run – absorbing news, data and analysis quickly – the paper as a tool in their professional lives. Others take a more conventional route from the front page, through general news and comment. So we have to respect these different routes – any structural changes could not be undertaken for cosmetic reasons. 

The typography: Introducing Financier

A highlight of this redesign is definitely the typography. A new custom serif , Financier, has been developed for the paper by Kris Sowersby, of New Zealand.

“We wanted an elegant, authoritative serif with the versatility to handle news and features stories (in the arts, science and sport, as well as finance),” explains Kevin Wilson.“The FT is a global newspaper but based and founded in London – and wanted to call on this British heritage in the type we used.”

Kevin says that during the course of the redesign they  experimented with some early directions before Kris suggested exploring 'something like Gill’s Solus for text & Perpetua for display'. 

“It was strong at text sizes on the new 6-column grid, and the headline/display type could handle everything from elegant capitals for the title piece, to strong news headlines. The light and bold weights, beyond the core news weights were very versatile and showed a lot of potential for features use in FT Weekend,” Kevin said.

Kris has also produced webfonts of Financier and Metric (his sans that we are using for graphics). They will be rolled out to the web and app as appropriate within the ongoing development process on digital.

Read more about Kris Sowersby, his fonts and his work with the FT Here:

klim.co.nz

https://klim.co.nz/custom-fonts/financier-display

https://klim.co.nz/custom-fonts/financier-text/

A conversation with type designer Kris Sowersby

Mario: 

As you created Financier, what were the priorities and guidelines that you gave yourself. After all, the Financial Times is an iconic financial daily.

Kris:

 

 

The brief from Kevin & Mark was very clear. FT wanted an elegant, authoritative serif with the versatility to handle news and feature stories in the arts, science and sport, as well as finance. Furthermore, the typeface had work across media, from wide printed broadsheets to narrow mobile screens.

My first concept was a total false-start. However, this helped hone the intent of the typeface. Mark clarified that to signal FT’s new direction it needed to move away from Miller, something sharper at small sizes. He suggested exploring an option without ball terminals. This single comment from Mark was key.

The vast chunk of newspaper typefaces have ball terminals. It’s part of their history and heritage, and I found it surprisingly difficult to move away from. So I started scratching about trying to find good models to fit the bill. Something with decent proportions for news text, no ball terminals, can gain & lose weight, and will work well on digital screens. I settled upon Eric Gill’s Solus, Joanna and Perpetua, and quickly roughed out a Text and Display cut over a couple of days. Broadly speaking, Financier Text follows aesthetic cues from Solus/Joanna, and Financier Display follows Perpetua. This is the first time I've made a typeface family with complimentary rather than corresponding styles. They feel like they belong together, rather than looking alike.

Mario:

 

It is a multimedia, multiplatform world, so you had to not only think of the print edition and how type would play there, but also other platforms, including digital devices. What role did that thinking play in your decisions?

Kris:
 

The text styles didn’t need to be typically “newspaper”. Tiempos Text, for example, is a newspaper typeface with all the classic traits: narrow width, large x-height, small cap-height, open counters and robust serifs. It’s almost a cliché: any half-decent newspaper text typeface can be described like this. I worked on the premise that the FT grid was opening up, the articles were moving towards a longer form. There was going to be some much-needed typographic breathing room!

The other crucial point was mobile screens. In portrait they have narrow horizontal width, but (theoretical) infinite vertical space due to scrolling. This informed the expected horizontal efficiency of the Financier Text letterforms, but allowed the x-height to be lowered. The ascenders are a touch taller. This effectively takes the typeface away from typical newspaper proportions towards something more elegant.
 

 

A conversation with Mark Leeds: design consultant for FT project

Mario:

In your view, what was your top priority when redesigning the FT?

Mark:

On the design we concentrated on highlighting some of the FT's reporting strengths – ( such as analysis using centred headlines and a warm red colour) and contorting that with news (ranged left headlines) and a slate blue colour palette. 

Mario:

In a redesign, it is details that count: what were some important details of this redesign?

Mark:

We've added location or sector tags above headlines, which as well being useful for scanning quickly through,  create air around the headlines so that they exist in their own patch of white space

The six column grid gives a comfortable, readable line length and allows us to occasionally split it into half columns adding pace, energy and vertical momentum. 

Overall we think the design treats its readers with intelligence guiding, rather than directing through its content. I hope we have created the equivalent of a bespoke Saville row suit for our readers. Updated, yet familiar 

Mario:

Do you feel that a lot of the good ideas got into thie new FT redesign?

Mark:

I'm sure you know better than most – what appears in print is the tip of the iceberg, there are many thoughts parked until there's an opportunity to use them. Very early on we tried an iPhone screen article which used a system that now exists as a side bar style. The metric typeface looked good. We have had regular meetings with Dan Skinner, (Head of Design and UX at ft.com) in terms of fonts, colours and where next. Thats been a really informative process – and a welcome diversion! Kris Sowersby has created a typeface fit for digital platforms

One great advantage – in a design sense – is the print product can turn off the old version one day and turn on the new the next.
 

The new 6-column grid

Page architecture is one of the most important elements in the design of a newspaper.  The FT has abandoned its traditional 8-column configuration and traded it for 6 columns. This is a move that I welcome.

Printed newspapers provide a lean back, relaxed experience for readers, so that the very active 8-column format, which served newspapers well in the days when hard news populated the pages, is no longer the best idea.  Today, print editions expand on what the reader already knows, and thus there is no need for narrow columns.

“The FT was a traditional 8-column broadsheet – with ads in a hundred different sizes, often changing between regional editions with late changes leaving gaps to fill and compromised decisions to make,” Kevin said. 

With the redesign, the FT’s advertising department has rethought ad shapes, and concentrate them down to a small number of standard shapes. It ’s not business as usual for how ads are placed on the pages.

 

The role of the FT print edition redefined via this redesign

One  salient element of the Financial Times redesign that is not necessarily visible on the pages: a commitment to print. By investing into the print edition , the FT is sending a message that its print product is here to stay, and that what it’s doing is redefine its role.

Kevin explains that these design changes are part of an evolved editorial structure, with senior editorial committing to forward-planning on deeper journalism (a particular strength of the FT).

“The brief was to produce a sharper, modern newspaper that shows off our strengths in reporting, analysis and visual journalism. We think the design matches this aim and clearly shows our editorial priorities and range to readers,” he said.

I know that many in the industry will be looking at this redesign for clues: how does one do print realistically and effectively when news breaks on digital platforms?  What will this redesign address newsroom organization and how a news story travels from tweet to in-depth?

Unlike redesigns of the past, where aesthetics were the main point of concentration, today we look at these rethink efforts for clues and answers on how to handle the role of print.

Mark Leeds, consultant on the project, explains it this way:

The concise edit of the newspaper was appreciated by the reader groups we held. No one was asking for more (stories , pages  etc) however they did want clarity and ease of use. 

 

I will be paying close attention to what this redesign evolves, while I am quite impressed by how typography, a new grid, advertisement placement and navigation come together with this Financial Times redesign.

Interesting visual details of the FT redesign

The new FT redesign includes bylines with a photo of writer: highly recommended strategy and one that readers seem to like.

Elegant and distinctive columnist headings

Notice generous spacing between elements (this is not the somewhat crowded FT of before the redesign). The use of neutral space throughout brings to mind pages of The Economist magazine.

An elegant sans serif for secondary readings and info boxes

Graphics: Here is what Kevin Wilson, head of design, had to say about the role of graphics in the redesign:

“Reader research confirmed how important and valued FT infographics are – and we are constantly developing them – both flat and interactive. This was an opportunity to make them sharper, more identifiably ours, wherever they appear – increasingly important now that our graphics are shared on social media outside their context on the website or app)  and crucially to simplify the transition from web to print.  So we have revisited the style, colours, scale and base formats to facilitate this – and we have developed a script to automate much of the conversion process.             

“We are introducing a new daily Datawatch feature on the front page: our selection of an interesting data point, chosen by our stats and specialist reporters. And a weekly statistics in sport column, Baseline, a data driven review of sporting success and excess.”

The FT redesign team

The FT redesign was led by Kevin Wilson, head of design,  and Mark Leeds, freelance design consultant, and design consultant to FT Weekend Magazine.

Tony Major was the co-ordinator – providing the link between us and senior editors

Christopher Campbell (in-house graphic artist) redesigned our graphics

Kari-Ruth Pedersen, deputy head of design
 

Read all about the FT redesign here:

The official FT press release with details of the redesign

https://mail.google.com/mail/u/0/?shva=1#inbox/148783361dd4bbb3

​Fun: Tips for how to fold the FT

https://twitter.com/AnjliRaval/status/511397994303094784/photo/1

Front page we like

The Swedish daily, Expressen,  runs black front page the day after far right wing party gets 13 percent in elections. (Page courtesy of Dan Edström)

TheMarioBlog post # 1574

Blog Post10.20.2017—1am
Digital Media Conference: First Day highlights
Blog Post10.19.2017—6am
Speaking today at the North America Digital Media Conference
Blog Post10.18.2017—1am
Long narratives still have a coveted place
Blog Post10.17.2017—1am
Some good print-related news
Blog Post10.16.2017—1am
Digital Transformation: no newsroom is too small to attempt it
Blog Post10.13.2017—12am
WAN IFRA: the best of digital awards
Blog Post10.12.2017—12am
Taking your brand to where the young audience is: Instagram
Blog Post10.11.2017—1am
Multitaskers consume more media
Blog Post10.10.2017—12am
Germany’s Sūdkurier: workshops for digital transformation
Blog Post10.09.2017—1am
In Spain’s El Mundo: native ads
Blog Post09.29.2017—1am
For newspaper publishers, not much to sing about?
Blog Post09.28.2017—1am
Interesting reference about new digital story formats
Blog Post09.27.2017—1am
It’s a new mobile-focused redesign for salon.com
Blog Post09.26.2017—1am
Three things that caught our eye
Blog Post09.25.2017—1am
Paywalls & newspapers: from leaky to hard ones, and in between
Blog Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Blog Post09.20.2017—1am
Vogue in print: “point of view, attitude”
Blog Post09.19.2017—1am
The Boston Scene
Blog Post09.18.2017—1am
Thoughts on print: still here, still full of surprises, worthy of attention
Blog Post09.15.2017—1am
New report: For publishers, Facebook is no revenue panacea
Blog Post09.14.2017—1am
Smartphones and web traffic: where the action is
Blog Post09.13.2017—1am
Paris Match: a good visit and big plans
Blog Post09.12.2017—1am
Irma: the morning after
Blog Post09.11.2017—3am
Irma: the bad girl on every front page
Blog Post09.08.2017—1am
Type Magazine: the new Roger Black project
Blog Post09.06.2017—1am
Linear storytelling for mobile: a good example
Blog Post09.05.2017—1am
For Le Journal de Montreal: article page acts like home page, sort of
Blog Post09.01.2017—1am
Facebook the new front page?
Blog Post08.31.2017—1am
When it comes to news, “designer labels” can make the difference
Blog Post08.30.2017—1am
Those fabulous print glossy ads
Blog Post08.29.2017—1am
From here and there: what the email basket brings
Blog Post08.28.2017—1am
Why I would show this Times Mag cover to my class
Blog Post08.24.2017—1am
A caricature for the ages
Blog Post08.23.2017—1am
It was the day Americans looked up!
Blog Post08.22.2017—1am
It was all about the solar eclipse of the century
Blog Post08.21.2017—1am
A day without local news? In Minnesota, readers experience it
Blog Post08.18.2017—1am
The good news about print (in the USA)
Blog Post08.17.2017—1am
What’s your lead story right this minute?
Blog Post08.16.2017—1am
Panama’s La Prensa: workshop digital media, day 2
Contact us with speaking requests, questions or to discuss a project.