Typographer Bruno Maag on Nokia Pure: Exclusive Interview

Conversations' Karen Bartlett talks type with the designers of Nokia's new font

Published by Karen Bartlett on October 24, 2011

Bruno MaagLONDON – Bruno Maag is the angry man of type. He hates Helvetica: “It’s vanilla ice cream,” horrendous, poorly crafted and American. A recent billboard for a chocolate bar made him lose the will to live: “This person should stop design and become a gardener, then he couldn’t inflict such terrible crimes on mankind.” 

Maag is a hot metal man, starting his career as an apprentice typesetter back in Switzerland when newspaper offices were noisy, design involved putting pencil to paper and there was the smell of a hot press. Now his studio in Brixton, South London is a silent white temple to type where designers sit hunched over their computer screens with zen like concentration.  

The Dalton Maag OfficeWorking on type, day in and day out, can make you pedantic, and intolerant of imperfection: 

“If you are really into type …well, we all suffer from a slight mental illness. Every single stroke has to be perfect.”  

More about Nokia Pure: 

Nokia Pure Text is a user interface (UI) font family consisting of Light, Regular, and Bold weights, featuring a fully hinted Dalton Maag Standard character set.

A set of distinct Display weights, derived from the Text design, with tighter spacing and small changes in contrast, were needed for titling and other larger-sized branding.

But maybe that is the kind of man you want to design your typeface. “To get it right you need to be a master craftsman,” Maag says. “You need to be a designer to know how color flows, where the stresses are. People appreciate the beauty of simple shapes. You can create something which is beautiful, but also highly functional.” 

The last ten months

For the last ten months the team at Dalton Maag have been redesigning the Nokia font, creating a new font face versatile enough for all digital media. The result is Nokia Pure, a font which reflects the Finnish tradition of simplicity and clarity, but can also support  scripts as diverse as Cyrillic and Devanagari. The font also had to be fully hinted to give the best screen view on a handset. 

How much of the old font did Maag incorporate in the new design? 

“Actually we completely scrapped the old Nokia font,” he says. “We didn’t take it into consideration at all. Its a good font but I think it had outlived its purpose and it was difficult to work with because it was so strong and expressive. It had too much personality. The desire was to have a bit of a bland font, a font that functions.”  

Designing a font starts with setting the four control keys, H-O and N-O. Maag despairs of young designers who rush in, bursting with enthusiasm, and start designing willy nilly with other letters – only to discover a fundamental error that leads them back to the drawing board. “Start with an e or an f and it’s never going to work,” Maag says. “The four control characters define 70% of the process. They give you the proportions. Once you’re happy with those you can add a few more characters and maybe start working with a group of eight letters. For a long time you will go backwards and forwards between those characters. After that you can design everything in between.”    

Bruno maag 08Each font starts with some sketches on a piece of paper, and then moves quickly onto ‘fontlab’ software, before undergoing a long and complicated technical process to make sure it can be used on all computer systems. Hinting is the final, and longest, part of the process as the font pixels for each character are lined up on a grid to get rid of that ragged look letters sometimes have when you see them on a small screen. 

Moving east

The first phase of Nokia Pure will support languages using the Latin, Greek, Cyrillic, Arabic, and Hebrew alphabets, as well as the Devanagari and Thai scripts. 

Amelie Bonet has a pile of cracked and dusty books in Hindi and Bengali beside her in the Dalton Maag studio. Most of them come from research trips to India – and she seems to be as much a font-archaeologist, as a designer. Building hundreds of conjuncts and the adjuncts is the most painstaking task, especially if you don’t speak the language. “The stress and the axis is a different way around. If we get it wrong it will look very odd to a native reader.” She traces a series of letters, “Devanagari is blocky, but Bengali is spiky and rounded. Unlike the latin alphabet, there’s not much literature about these typefaces so we are trying to normalize something that is very fluid.” 

Bruno Maag letter

The challenge of Arabic

Across the desk veteran designer Ron Carpenter is working on the Arabic alphabet, and an Urdu version. Like Amelie Bonet he often refers to native speakers to make sure that the font looks right and is easy to read. The Arabic font is in the ‘Kufi’ style more commonly seen on signs and billboards, rather than the cursive classic style that you might see in newspapers. “There’s a demand for convention in Arabic type, but the consultant who has helped us design this takes a more forward thinking view,” Carpenter says. Unlike the latin alphabet, the width of the characters conveys meaning, so a lot of work has to be corrected by hand. 

A large sheet showing the Arabic alphabet is completed with hundreds of Koranic markers. A pair of annotated brackets signify a quote or reference to the Koran, and a series of characters grouped together spells out the salutation – Peace be upon him.   

Nokia Pure has been specifically designed to accommodate the Koran in Arabic, and the Torah in Hebrew, reflecting the fact that in many parts of the world mobile devices have become an important religious resource.  

Now with the first phase of the project near completion, Bruno Maag is looking ahead to the next set of languages. He has started working on Armenian. “Not many people speak it,” he says dryly. 

The result of all their efforts, Nokia Pure, is a humanist sans face font – without serifs but with different weights and thickness on the strokes. Maag points out the small details that make the font unique:

“The K just comes in at the stem. And look at the M – the two diagonals don’t go all the way to the baseline. Tiny little elements distinguish this font,” Maag says. He compares the line of two letters that only he might notice: “The strange stress in the curve of the e and the c. It doesn’t feel like its a nice flowing curve, there’s a stress pulling you towards the bottom left. Those tiny little details make this font different.”  

Then he sits back, satisfied: “Its not trying to scream, its not trying to be something that it isn’t. That makes it so perfect. It looks good, its simple, it reads well – it does the job.”

Comments

  • Pingback: Top 5 Mistakes Built When Hiring IT Consultants

  • Pingback: Nokia redesign 'Conversations' blog with Metro look | OddPattern

  • http://fitoschidoblog.wordpress.com Fitoschido

    I simply love Nokia Pure.

    Bruno Maag is one of the masters behind the Ubuntu and Aller font families, so we can expect excellence from his team.

  • Anonymous

    As an Arab i respect Nokia and for good reasons , Arabic was introduced to PCs and gizmos before , But Nokia introduced Arabic with much more elegance, it’s actually among the few first to support Arabic text to speech and speech commands, it’s the first to support Arabic T9 and its the first to officially introduce an Arabic Swype dictionary (Swype2 beta) (though an unofficial small Arabic dictionary existed from 3dparty devs. 

  • http://www.mobilbekcisi.com GeceBekcisi

    Did you ever check how the “e” letter looks like with a small font size? I’ve and it looks awful.

  • http://www.mobilbekcisi.com GeceBekcisi

    Did you ever check how the “e” letter looks like with a small font size? I’ve and it looks awful.

  • http://www.mobilbekcisi.com GeceBekcisi

    Did you ever check how the “e” letter looks like with a small font size? I’ve and it looks awful.

    • Phiiiteeeyyy

      “Every single stroke has to be perfect.” -Bruno Maag

      Slight irony, no? And with certain zoom levels(or font sizes) it looks better but messes up the space with the previous letter. Interesting though is that this issue was well covered just few days after the initial release…that’s over 6 months ago.

      I suppose this is useless point really as this well be deleted in a jiffy…

  • http://www.mobilbekcisi.com GeceBekcisi

    Did you ever check how the “e” letter looks like with a small font size? I’ve and it looks awful.

  • Macrorodent

    Ironically, the text of this story about a top font designer looks very, very bad in my browser because of the chosen font!!! There is the same problem with other Conversations articles after the style change. I have tried all three of Opera, Firefox and IE8. On IE is looks least bad (but still bad), but it is also the browser I normally avoid.

    Please please web page designers: do not assume that anything beyond specifying the general font family and size will have the desired effect on your reader’s browser! If you specify a particular unusual font, changes are it is not implemented (or implemented poorly) on the browser, making the reader curse YOU.

    Please change the Conversations font to something generic. Please!

    This if of course quite different from Nokia using a special font in its products or printed material, because there it controls the device and can make the font look good.

  • Macrorodent

    Ironically, the text of this story about a top font designer looks very, very bad in my browser because of the chosen font!!! There is the same problem with other Conversations articles after the style change. I have tried all three of Opera, Firefox and IE8. On IE is looks least bad (but still bad), but it is also the browser I normally avoid.

    Please please web page designers: do not assume that anything beyond specifying the general font family and size will have the desired effect on your reader’s browser! If you specify a particular unusual font, changes are it is not implemented (or implemented poorly) on the browser, making the reader curse YOU.

    Please change the Conversations font to something generic. Please!

    This if of course quite different from Nokia using a special font in its products or printed material, because there it controls the device and can make the font look good.

    • http://fitoschidoblog.wordpress.com Fitoschido

      I use Ubuntu, so I haven’t noticed the rendering problem.

      Tip: Install a program called gdipp in your Windows box and enjoy readability+smooth fonts. Microsoft’s ClearType is just broken.

      • Macrorodent

        Sure there are workarounds, but the fact remains that if the user has to install add-ons or switch the OS just to get readable fonts on a web site, the site designer has dropped the ball badly.
        (I also noticed that with linux+firefox the site fonts look better, perhaps because it does not even attempt to use the specified font, but immediately replaces it with its default sans-serif font)

  • http://www.facebook.com/townsend.robert Robert Townsend

    “It’s vanilla ice cream,” horrendous, poorly crafted and American.

    And American…why did they even have to add that? Racist much ?

    I wonder how the other News sites would like to do with this piece of information…

    • Phiiiteeeyyy

      Would be interesting to know what is his angle on that.

    • Phiiiteeeyyy

      Would be interesting to know what is his angle on that.

    • Phiiiteeeyyy

      Would be interesting to know what is his angle on that.

  • APai

    Nokia Pure ….is it going to be in Belle ?

  • http://twitter.com/nosretep nosretep

    Won’t it be nice when browsers fully support custom fonts?

    Currently they do work well at all. They cause a flicker when each page loads. All the spots that expect the custom font are absent the text until the font is downloaded into the user’s browser. And once the font arrives, the page reassembles itself shrinking and pushing the various html elements with it.

    Feels like it’s broken. And I’m using Safari and Chrome.

    This is why nobody uses custom fonts on the web. Not because they are boring uncreative people who have never thought of using custom fonts, but because they tried using custom fonts, and realized that the user experience is negatively impacted.

  • ms102

    I love to read all those articles how many great designes Nokia Studios did. The question is. Where can I find their works??? 
    One of the weakest element of Nokia UI are Fonts and overall messy icon/widgets management. 
    Again I have to write that 9-11height x 1wide pixel size fonts are not comfortable to read-I still don’t need glasses to read.Again I have to write that there is no icon management in any symbian versions since S60. They jumps on screen from portrait to landscape without any logical order. See Pictures.Helvetica or Arial are not my favorites fonts also but they works great for UI.
    I understand that nokia have to be original but Nokia Pure font is not so accurate to display on so many screen sizes that nokia produce. I’m sure that it will look better on PureView than N8 just because of screen pixel size.For test I installed Nokia Pure /from internet/ via FontZoomer an sorry but it has problem with proper display of smallest sizes and thin elements.
    I’m Mac user for over 20years. I always liked their UI fonts. 
    For test I installed all mac UI fonts I own since classic system versions.
    Conclusion: They works better than Pure:-(. I.e in maps Nokia Pure does not display travel time properly cause numbers needs more place so we can see only “00:… value instead of “00:05″ 
    This does not hapend with wider Helvetica, Myriad pro, Arial, Chicago, Charcoal an other fonts I used. Some of them can be even enlarged to 105-110% and still displays properly. Nokia Pure DOES NOT.
    Nokia Pure is really nice font but my test shows that “Regular” version looks better when font elements are wider +35em. “i, l, j, s” and other does not disappear in pixels/ Fontographer test/
    I know that font design is not easy work/I did only one or two in my live an only basic characters/ and really hard when font have to work on so many display sizes and resolutions that Nokia makes.
    I don’t know how font are controlled by iOS/ pixels, ems, %../ but there is no problem in font,icon size on all devices independent from screen size or resolution from 3G-Retina. Proportions are still the same.
    Nokia does not control it.
    The only reason that I still use Nokia is recent camera improvements-N8 but I’m afraid that PureView can be the last one:-(

  • ms102

    Sms screenshots are Nokia Pure vs Helvetica set to small size. Helvetica even with optically wider characters displays properly number values in Maps “00:00″ vs Pure “00:…

  • ms102

    So. I found some basics info about iOS UI design. All dimensions are in points. Thats why font and icons are still the same size independent of physical pixel resolution.
    Apple was always designer creators system…pts solves UI mapping problem.
    Who works for Nokia? Professionals?