Fortune Magazine, “500” Issue
A wealth of typefaces go to work in the 2011 edition.
Fortune, May 23, 2011 cover featuring an illustration by Carl DeTorres.
Two-time National Magazine Award winner John Korpics has a lengthy editorial design resume that includes Premiere, GQ, Entertainment Weekly, Esquire, InStyle, Fortune, and now ESPN The Magazine where he just joined as Creative Director. One of his final acts at Fortune was the annual “500” issue. It’s always a hefty production, but this year’s is a particularly typographic feast.
Infographics using MVB Solano Gothic and Geogrotesque.
Click to enlarge.
The core of Fortune’s typography is MVB Solano Gothic. The typeface was originally made by Mark van Bronkhorst for the Bay Area city of Albany, designed to work alongside the community’s early 1900s architecture. With its sturdy, utilitarian geometry derived from sign lettering of the era, Solano can feel slightly vintage, but the standard variant is more sober than the Retro and Round members of the family.
I was surprised to open Fortune and find what could be considered a character actor playing such a central role. But Korpics proves with Solano that some “display” typefaces can be more versatile than we assume. Besides setting headlines and teasers, Solano performs admirably in infographics and even the “500” issue’s essential lists and tables.
A table set in MVB Solano Gothic with italics in Geogrotesque.
Alice Alves found this font for me after I asked her to do some research on strong, condensed, somewhat geometric sans serifs. Most any magazine will need a condensed sans for something and I thought this one fit my idea of the brand. The more I played with it the more I saw that it would hold up well in a lot of different places, which is why you see so much of it. — John Korpics
Despite this unexpected flexibility, there’s only so much a typeface can do if it has just one condensed width and no italics. In these cases the wider Geogrotesque by Eduardo Manso fills in nicely. Its straight sides and lack of frills make it appear almost of the same family — a close cousin at least.
Fortune’s section heads, using a modified and shaded MVB Solano Gothic, were created by Tal Leming.
MVB Solano Gothic, Vitesse, Miller, and Geogrotesque make up this article intro.
Three contrasting faces — Vitesse, MVB Solano Gothic, and Brunel — play off each other for the headline. Miller for text.
Vitesse opens a sidebar paragraph of MIller.
Miller, Brunel, and Vitesse round out the house typefaces of the magazine. Miller is a solid, conservative choice for text, grounding what is otherwise a fairly progressive palette — which is important if you want to keep those buttoned-down business types reading. Korpics added Vitesse later. He says “all my designers were begging to add a slab”. It serves well for small heads, eyebrows, and even short texts.
When Fortune competitor Condé Nast Portfolio folded in 2009, they left behind a beautiful asset: Brunel. This “English Modern” was designed by Paul Barnes and Christian Schwartz for Portfolio who used it until their closure. Korpics swooped in and snagged it for Fortune.
Brunel, MVB Solano Gothic, and Vitesse.
Brunel for initial caps. Miller for text.
That’s some pretty clumsy, unreadable spacing in this headline. I blame ill-advised use of Optical spacing. Click to enlarge.
Fortune’s current art director, Michael Myers, played a major role in the design of this issue. He also created the interior illustrations for the “500” feature. These follow a host of similarly styled typographic pieces he’s contributed to the magazine over the year. The “500” found on the feature’s contents page is loosely based on the condensed geometry of Solano:
Each character in this illustration was based of a square grid of 8×17. Part of the concept, as with many of the more subtle communications in the magazine, is to pick up on the idea of data/information graphics. The colored bars within the letterforms are a wink to that. — Michael Myers
Illustrations by Michael Myers along with text set in Brunel, Geogrotesque, MVB Solano, and Miller.
6 Comments on “Fortune Magazine, “500” Issue”
> yet the type could be more readable if someone (perhaps InDesign?) didn’t wreak havoc on the spacing.
When Fortune was using Whitman for their text (in the previous design, prior to John Korpics), I noticed that it was being routinely abused by InDesign’s Optical Spacing. Looks like they’re still using it?
Fortunately, Miller Text doesn’t suffer quite so badly (although it is not completely immune).
Hell yes, I still prefer print!
As to the spacing, can you really blame InDesign? Last I checked, InDesign did not have its own brain. Let's all remember that it is a tool. The designer using it is responsible for type spacing.
Spent so much time looking at this issue when it came through the post, I will even confess to spending quite a bit of time researching the typefaces used and illustrators featured, so I am amazed my favourite website did a post on it!
@amy -- InDesign's "optical" option adjusts font metrics/kerning the InDesign way, which according to Adobe uses internal rules to "best" determine the proper kerning to be applied to any block of text this setting's applied to.
The other option is "metrics" which uses a font's built-in kerning tables, presumably determined by the font designer.
The thing is that on some blocks of text 'optical' kerning looks great. Not so much on others. It depends on the font and on the quality of the built-in tables.
That said, the article is essentially saying that "this is one of those times" that the optical kerning setting went awry, and further implying that the designer/artist should have rectified the folly.
Lesson of the day: Just because technology is supposed to better/faster/smarter does not mean you can take your design eye off of it for even one second. The eye has the final say.
At Typophile, via Trevor Baum, Tal Leming reveals his technique for creating the angled rule shadow on the section heads.
Regarding Angled Rule Shadowing, you can also create a striped pattern and drag it into your swatches. Fill it with your pattern and then rotate the pattern to fit the angle of your type. You can expand it to make adjustments too, but if you're not going for an exact shadow, this could be an easy way to do it.