When Word Meets Letter

Attributes of authentic brands, part two

By Matt Steel
29 Jul 2015
11 min read

Art: Matt Steel
& Nikolai Laba

What is the most common form of visual art in today’s society? Is it photography? The medium has exploded in recent years and shows no sign of slacking. Thanks to smartphones and broadband, people are currently posting more than 1.8 billion good, bad, and ugly photos online every day.

Is it film – commercials, movies, promotional videos? Make yourself comfortable: it would take you more than 5 million years to watch the amount of video that will traverse the internet each month in 2018.

I can’t comprehend how vast these media are in their reach. But there is one visual art form that eclipses all other images in reach, and shows no sign of letting up: typography.

A few definitions

Throughout this article, you’ll see the words typefacefont, and font family. In the simplest terms, a typeface is what you see. It’s the manifestation of letters, numbers, and other glyphs that form a unified type design. A font is the tool you use. It can be a piece of software or physical glyphs cut from metal, wood, or plastic. And a font family is a collection of related font weights, such as regular and bold, and/or optical sizes.

What exactly is typography? It’s the practice of arranging type in order to convey a message. A painter uses brushes and canvas, paper, or some other surface. Today’s typographer uses fonts and a digital canvas for work that will either be transposed to paper or viewed on other screens. The purposes of painting and typography are completely different, but the compositional skills required by both disciplines – the arrangement of black and white space, scale, rhythm, contrast, and color – are one and the same. Most importantly, as Robert Bringhurst says in his delightful and eminently practical book, The Elements of Typographic Style, “Typography is the craft of endowing human language with a durable visual form.”

Gutenberg, Google, & Grandma

From the time of Gutenberg right up until 1953, typographers laid out blocks of metal or wooden type to create a form, which was then printed by letterpress. Sometimes they would engrave or etch a metal plate for gravure or intaglio printing. Before the early 20th century, typesetters worked at printing firms. The people who made a message visible and those who pulled it off the presses worked under the same roof.

While hand-set letterpress printing has seen renaissance in recent years, today’s typographers usually work with software and arrange type on screen. But the basic principles of readability and rhythm remain the same. Due to the proliferation of publishing, branding, advertising, and the consolidating effects of technology, most typographers no longer work at the printer or the typesetting firm. That role, along with the type director, layout artist, and several other jobs has collapsed into the job description of a graphic designer.

Typography, intentional or otherwise, is everywhere. It’s all around you, even if you’re on the top of Mount Everest. Just look at the tags on your parka as you survey the world below. Type is faintly glowing from my keyboard as I write these words. Type is appearing in real time (Matthew Carter’s Charter typeface, to be precise) thanks to Medium’s publishing interface, which I use for drafting stories. If you read this essay on my website, you’ll be viewing it in Kai Bernau’s crisp, lyrical Lyon. Outside of that, I can’t be held responsible for the way these words look.

There’s type running along the barrel of your ballpoint pen, circling the bottom of plates in your china cabinet, and crammed into poster slugs at your local movie theater. Type greets you upon pressing your iPhone’s home button, and type offers a synopsis of the video you’re about to watch on Youtube. Type is the most prevalent manifestation of the grist that is constantly ground and dispersed by the mill of the web.

Type on billboards and magazine headlines is made to draw attention to itself. But more often than not, type goes practically unnoticed. That’s its job: to become a clear vessel through which content flows unhindered. Typography is the quietest art. Or as Bringhurst says, “good typography is like bread: ready to be admired, appraised, and dissected before it is consumed.”

These days, almost everyone engages in typographic practice of some sort. Picking fonts, setting sizes, choosing bold or italic. Creating documents, drafting emails, and even writing text messages (thanks to emojis, we’re coming full circle back to pictograms). This is why the vast majority of typographic communication isn’t beautiful. Sometimes it’s not even legible. Typography is taken for granted thanks to desktop publishing and the ubiquity of visible language. Type gets stretched, pulled, slanted, shaded, bedazzled, and bullied to no end. But when done well, typography is inviting, balanced, and clear. It resonates with the right people. That’s because a typographer read the content, thought about how it might want to look based on her understanding of the author, history, and context; where the story or message will appear; considered the needs of her audience; selected an appropriate typeface; and took the time to design a tailored reading experience.

Suiting and shaping behavior

Type cannot not make a statement. As a designer’s tool, it has the ability to both select an audience and shape their behavior. Although type is only as good as the person wielding it, selecting the right font for the job remains important. Consider highway signage, which appears brutish up close but possesses life-saving legibility from afar. Airport signage uses type made for maximum clarity as well. If you can’t read the signs, you might miss your flight. Airport signage also tends to have a reassuring, slightly cheerful quality thanks to humanist typefaces with open letter forms, tall lowercase, and elliptical curves. After all, you’re about to board a multi-ton projectile that will hurtle through the sky, several thousand feet above the ground, for an extended period of time. It’s nice if the wayfinding that guides you from security to gate can play some small part in soothing your nerves.

Rational sans serif typefaces like Helvetica and its variants make a statement, even if that statement is “strong neutrality,” as designer Erik Spiekermann described it in Helvetica (yes, someone made a movie about a typeface – and it’s fantastic). When organizing the daily transit of thousands or even millions of people through underground tunnels, the promotion of equilibrium is critical. For this very reason, typefaces like Helvetica are found in subway systems around the world. Stay calm and travel on!

Book typefaces are the soft-spoken marathon runners of the type world. They need to hold a reader’s attention without causing eye strain or drawing undue attention to themselves. Tolkien would’ve been rather upset if his readers were spending more time in Goudy Old Style (or Plantin, depending on your edition) than Middle Earth. But a reader’s attention is engaged and sustained by a certain amount of complexity. A good book typeface has just the right amount of variation in its curves and strokes. Too little detail and the type becomes utterly gray. Too much, and the reader can’t break through the visual plane to the hoard of imagery below. The eye tires, focus wanes, and reading ceases. The book is abandoned.

Good design, and good typography in particular, is a bridge that connects message to reader. Good typography is both magnetic and useful. When practiced with ethical consideration, typography is very much a form of advocacy. I am for you, dear reader, and I’ve dressed these words with the letters they deserve. As a designer, I know I’ve done my job well if something I’ve created doesn’t merely capture your gaze, but engages your mind for long enough to have an impact. Money is great, but the most valuable gift one can give is their time and attention.

What is your type saying about your brand?

In terms of brand-building, typography serves at least four purposes: distinction, consistency, coherence, and communication. The fourth purpose is obvious, but the first three bear a little explanation.

As discussed in part one of this essay, successful branding starts with a mission built on love. The empathetic typographer selects or commissions fonts that reflect and clarify an organization’s reason for being. She creates a system that suits all the ways and places a brand needs to communicate.

Distinct type – the kind seen in logotypes, mastheads, headlines, and movie titles – sets the course for a brand’s personality. Such type is meant to attract attention, set a tone, spur you toward action.

Consistent typography allows people to connect the dots within a reading experience. For example, when I’m browsing The Atlantic.com and come across an ad, I don’t even have to think twice about who’s speaking. The Atlantic’s typography is consistent within the website as well as across media. This means that whether I come to the magazine from the web or vice versa, I’m more likely to recognize the brand and start reading.

Coherent typography possesses harmony within itself. It guides readers through the wilderness toward a destination. Coherent typography provides clear distinctions between reading and navigation. This aspect is a particularly critical component of complex information systems such as magazines, newspapers, and user interfaces. I always know whether I’m presented with prose to digest, critical context, or instructions to find the nearest exit. (This is why link-heavy articles and inline advertising are so horribly disruptive.)

Message-centric typography is systematic and hierarchical, with only as much variation as the content requires. Such systems print patterns on readers’ minds, and familiar patterns become intellectual shortcuts. This means that good typography reduces friction between your message and the people for whom it’s made.

But, you might ask, what about color? Is it not of equal or greater importance than type? Color is indeed critical. Color conveys emotional meaning, and can invoke powerful reactions. But to project identity we also need the visual hooks and peccadilloes that type affords. Color alone is limited and unreliable. Consider that about ten percent of the population are somewhere on the continuum from partially to totally colorblind, and those people may never experience the distinction intended in your deliberations on brand colors. And then there’s context to consider – the brightness and hue of any given screen, the source and intensity of light, and so on. Type is much more resilient than color. When set with sufficient contrast against its background, type is completely color-agnostic. In fact, a typeface’s personality is most apparent in black and white.

Where do we begin?

The question of whether to begin the design of a brand identity with type or with the logo depends on the nature of the client’s business. Designers often begin with the logo, because it can set the tone for all other typographic decisions that follow. This is an appropriate method for organizations whose core offerings are services or products. For those whose products are words, the brand’s calling card is typography. The selection of existing fonts or commissioning of custom fonts therefore comes first. The logotype or any other brand components are usually designed later on.

Flight of the fonts

In part one, I put forth the example of Southwest Airlines as a company with a powerful love-based mission. Their typography is a visual extension of those core values. It’s approachable, friendly, and distinct without calling too much attention to itself. The custom Southwest Sans font family, which was designed by Monotype Studio under direction from Lippincott, has an ergonomic quality thanks to elliptical curves and streamlined details.

Southwest’s previous identity was built around a Helvetica-based logotype that had come to feel tired and dated. Many of their campaigns used Interstate, a typeface inspired by US highway signage. The mixture of rational European Helvetica with the Americana vibe of Interstate created an uncomfortable culture clash. This new system uses one typeface throughout, with minor customizations in the logotype. Southwest Sans draws from a more eclectic range of influences than the previous fonts for a look that is equally distinct and region-agnostic.

Southwest Brand Global Release

Perfect in peach

In 2014, The Financial Times redesigned their newspaper. Typography was their core focus, and the results are stunning.

The publication kept its iconic peach background color, but almost everything else was up for grabs. FT commissioned type designer Kris Sowersby to create a suite of custom typefaces that could be used across media. His brief was to:

Produce a sharper, more modern newspaper that shows off the FT’s strengths in reporting, analysis and visual journalism. The newspaper needed to be more than just a snapshot of the website at a particular point in the day, but an edited selection of the best the FT has to offer. It needed to complement FT.com and provide a competitive “finite” read of “what you need to know” each day.

News faces are often compact, narrow, and blunt compared to other typefaces. But the layout of all FT editions was becoming wider and more expansive to accommodate slower, longer-form pieces, and this opened up the typographic possibilities to include designs that were a little more relaxed.

The FT wanted an elegant, authoritative serif with the versatility to handle news and features 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.

The final set of fonts, which were made in both text and headline variations, is a masterful balance of panache and sobriety, economy and space.

The previous layout (left) compared to the new layout (right). Note the greater amount of white space, longer lines, and more even color, i.e. density of text. All of these factors contribute to a better reading experience. All FT images via Kris Sowersby’s Financier post.

Optical sizes for headlines and text are indispensable in newspaper design. The final headline (“display”) version is on the bottom.

Italics for display and text sizes

Numerals for headlines, running text, and tabular data

Have sans, will travel

With the right message and imagery, a single typeface with just a few weights can carry the day. Airbnb is an excellent example of this approach. Their logotype is based on Brown, a sans serif typeface with minimal contrast and open forms. For everything from headlines to body copy, navigation, and captions, they use Circular, which shares characteristics with Brown but is more versatile and economical. It’s clear at small sizes and crisp in headlines. Many people would be unable to distinguish Circular from Helvetica, but put the two side by side and Circular’s unassuming warmth and superior readability is apparent. As type reviewer Benjamin Shaykin says, “[Some typefaces] surprise you with their very regularity – their sense of rightness, of always having been there. They are so of the current moment that they seem classic and timeless. … [Circular falls] into this category.”

Although the typeface has become quite popular in tech circles, Circular is nevertheless a perfect fit for Airbnb’s web-based brand. They stand for hospitality in unique places, and that message is clearly conveyed through typography that welcomes through thoughtful use of scale, weight and pacing – on phones, laptops, and beyond.

Airbnb’s desktop homepage.

The iPhone app is clear, simple, and inviting, thanks in large part to a minimal yet warm approach to typography.

Death and typefaces

I believe we’re entering a new golden age of typography. Some say that language is dying, and writing is de-evolving to little more than 140-character brain-vomit. I disagree. Since the first word was grunted into some foggy neolithic dawn, language has been dying and reanimating, shedding one skin as it grows into another. If typography is a celebration of language and writing in particular, then the life-affirming power of a well-dressed word has never been greater.

For typographers and publishers, the available tools and technology have improved by leaps and bounds. The web is shaking off its awkward teenage phase of default design. Digital reading experiences can now be custom-tuned for desktops, knees, and palms. Junk mail is gasping on its deathbed. Niche magazines and books with sophisticated typography are on the rise. A new generation of readers are coming of age, and they’ve grown up with an unprecedented awareness of letters. Customers have never expected more of your online and offline presence. Some may read fewer books, but nearly all of them are reading more than ever before. They expect excellence.

How will your brand respond? Will you blend in with the masses? Will you neglect readers with thoughtless typography? Or will you empower and delight your audience by giving good content the form and visibility it deserves?

Next story: Tablet Rasa

[unex_ce_button id="content_rux9jkag8" button_text_color="#201453" button_font="custom_one" button_font_size="20px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#f1eeea" button_padding="17px 30px 17px 30px" button_border_width="1px" button_border_color="#201453" button_border_radius="0px" button_text_hover_color="#201453" button_text_spacing_hover="1px" button_bg_hover_color="#fc5158" button_border_hover_color="#fc5158" button_link="http://mattsteelmakes.com/index.php/articles_poems/" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]Read more stories[/ce_button]

Like what you just read? Sign up for Love Letters, and I’ll deliver my next story straight to your inbox.

[unex_ce_mailchimp id="content_timk6m8i6" placeholder_text="Email Address" alignment="center" button_position="inline" button_spacing="0" input_placeholder_color="#a8a19b" input_width="span4" input_text_align="center" input_text_color="#fc5158" input_bg_color="#ffffff" input_padding="20px 30px 20px 30px" input_border_width="1px" input_border_color="#c7beb7" input_border_radius="0px" input_placeholder_color_mouseover="#201453" input_text_color_mouseover="#201453" input_bg_color_mouseover="#ffffff" input_border_color_mouseover="#201453" input_font_size="20px" input_font="custom_one" button_text="Giddyup" button_text_color="#ffffff" button_font="custom_one" button_font_size="20px" button_text_spacing="0px" button_bg_color="#201453" button_padding="20px 30px 20px 30px" button_border_width="1px" button_border_color="#201453" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#fc5158" button_border_hover_color="#fc5158" has_container="1" in_column=""]//mattsteelmakes.us4.list-manage.com/subscribe/post?u=cb10baea5311367f985ff933e&id=696a4ca86b[/ce_mailchimp]

100% spam-free