The Mario Blog
A Fresh Look for the Yale Daily News Magazine

TAKEAWAY: Two years after we revamped the newspaper, another Yale University publication gets a new look. Garcia Media intern Reed Reibstein describes relaunching the Yale Daily News Magazine.

TAKEAWAY: Two years after we revamped the newspaper, another Yale University publication gets a new look. Garcia Media intern Reed Reibstein describes relaunching the Yale Daily News Magazine.

blog post image
Above, the renovated board room of the Briton Hadden Memorial Building.

Six months ago, Mario and I sat in the wood-covered board room of the Yale Daily News’ Briton Hadden Memorial Building. The room served its purpose for the twice-daily budget meetings but showed its age: dusty archives spilled from open cabinets, the thick door could not open when closed, and plaster was falling onto the portrait at one end.

The Yale Daily News Magazine was in a similar state: functional, but in poor condition. There were some strong pieces of writing among the reportage, fiction, and poetry that made up each issue. The design, though elegant in places, was unexciting, with many pages being overly text-heavy. After browsing through several issues, Mario memorably remarked that the Magazine looked like it was from the year he was born—1947!

Today, after the summer’s renovation, the archives have been moved to a safer location, the door closes as it should, and the portrait of Briton Hadden has been professionally restored. Likewise, the Magazine’s visual presentation has been revived, a process I was lucky enough to guide over the last months. The new design is only an issue old, but I have already received a number of comments, encouraging in their enthusiasm, at the prospect of augmenting great stories with great visuals. Flip through the full issue below, and read on for how it came to be.

Open publication – Free publishingMore yale

Starting Out

Above, early prototype of a short feature. Below, early prototype of a section contents page. The explicit sectioning was abandoned in the final design.

blog post image

After Mario gave his thoughts on where the Magazine should go at that first meeting, I worked largely independently—my first time in the driver’s seat for a redesign. The first prototype pages I designed weren’t bad, but between the angled shapes, tinted boxes, and dotted rules there were far too many elements jockeying for attention. It became clear that the chaos emerged from my confusion over the Magazine’s identity. Was it about hard-nosed investigative reporting? An even balance between non-fiction and fiction? Was there a pervasive sense of humor, or irony, or seriousness?

As I spoke with the staff, in particular editors Zara Kessler and Naina Saligram, and Yale Daily News editor in chief Paul Needham, I found out that there wasn’t a single, consistent tone in the Magazine. In fact, the staffers were proud that they could employ many different voices, picking an appropriate attitude for their pieces short or long.

What unified the Magazine in the end was simply superb writing. With this as my focus, I tossed out everything in the earlier pages except for the type palette and started again. The emphasis on words suggested a literary approach, and I turned to traditional book design for inspiration. I began with sedate and clean typographic pages with a minimum of color, and while the final issue featured larger, more exciting visuals, the DNA of the design is in the work of figures like Bruce Rogers and William Addison Dwiggins.

“Imagery must communicate in a nanosecond …”

blog post image
The February 2010 cover of the Magazine, before the redesign.

While the inside spoke softly at times, I wanted the cover to shout at the top of its lungs. The Magazine’s biggest problem in recent years has been a lack of awareness among potential readers. The editors described the previous cover design process as often being an attempt to find the best photo of those taken for that issue. While some covers were engaging, too many were still lives—a windmill, a hut with palm trees—that just didn’t push you to look inside.

I sought inspiration here, too, and found it in the legendary Esquire covers of George Lois. I could go on about their directness, or how they act as stunning visual editorials, but Lois sums up his approach perfectly in a quotation from a recent interview:

“Imagery must communicate in a nanosecond — the idea must be immediate and forever memorable. The idea must be understood: simple but certainly not simplistic … Hopefully an idea that enters your head and instantly enters popular culture.”

blog post image
Above, a photo from the cover shoot, trying out three smashed tomatoes instead of one. I Photoshopped out my arms for the final image, but the tomato juice needed soap and water to disappear!

We’re certainly not dealing with material as weighty as the Vietnam War or Watergate, but the power of Lois’ covers is a worthy goal. This first cover is of a tomato on top of a stack of books labeled as “Your new course books” (tying in with the cover story’s argument that farming is a worthy part of a liberal arts education). We shot it standing outside the Hadden building, drawing an amused crowd as I was photographed holding a stack of books covered in tomato bits. (My clothes were fine, but the books will never be the same.) I hope the image grabs viewers, even for a moment, and gets them to pick up a copy.

Architecture and Typography

blog post image
The new design’s table of contents, with cover story and three big features.

The design was not the only aspect we revamped. Instead of presenting several long features of equal importance, we now emphasize a single, longer cover story. There are three longer features (an investigative feature, a profile, and a short story) that get secondary billing, with shorter pieces at the beginning and end for variety.

As for the grid, at magazine designer Robert Newman‘s excellent suggestion, I switched from the awkward nine-column grid of the early prototypes to a twelve-column, with a six-point baseline grid.

blog post image
Above, the first page of the cover story.

To give the diverse content some cohesion, I decided to base the design in a type suite, with serif and sans designed to match each other. I selected Xavier Dupre’s FF Yoga and FF Yoga Sans. Both faces work well for both body text and display—useful in keeping the pages from feeling cacophonous. The serif has an interesting chunkiness but is highly readable at ten points. The sans is the calmer of the two, with nods to Gill Sans that make it appear somewhat familiar within a literary context.

The four fonts of the Yoga suite were the workhorses, but I needed an accent face to flavor the design. A long search for a high-contrast garalde yielded Magneta by Neil Summerour. The best part of Magneta turned out to be the ornaments. I had decided earlier to use ornaments in the Magazine to add a bookish quality, and I was thrilled to find a type family with a coordinated set. We use Magneta’s ornaments for the “headpieces” at the top of every page, with each of the four major features receiving a unique scheme. They appear occasionally elsewhere, most prominently in the drop caps for the cover story.


Alexandre Giesbrecht, in the comments below, reminds me that I didn’t write about the Magazine’s new nameplate (thanks, Alexandre!). We’re using type designer Tal Leming‘s terrific redrawing of the 119-year-old Yale Daily News nameplate, enlarged to several times its size in the newspaper. At first I was afraid that using the word “Yale” as the nameplate downplayed the actual name of the publication too much. But running the title through the center of the word allows “Yale Daily News Magazine” to take center stage. I’m quite happy with how the alternating blue and black lines in the nameplate turned out as well.

TheMarioBlog post #633
Blog Post02.21.2017—3am
In Dubai: Gulf News launches Sponsored Content
Blog Post02.20.2017—2am
Newsroom technology survey: important to participate
Blog Post02.17.2017—8am
Trumpian front pages
Blog Post02.16.2017—2am
Ties that bind: storytelling, design, coding
Blog Post02.15.2017—2am
Wanted: A Bring-Back-the-Copy Editors campaign
Blog Post02.14.2017—2am
Trump chaos incites newspaper marketing strategies
Blog Post02.13.2017—2am
In the era of fake news, fake photos?
Blog Post02.10.2017—6pm
The Economist does it again
Blog Post02.08.2017—1am
Voices in the news
Blog Post02.07.2017—2am
The quickly disappearing art of copy editing
Blog Post02.06.2017—2am
Some of my favorite e-mail newsletters
Blog Post02.03.2017—3am
Behold the Apple Watch : it’s still here, going strong
Blog Post02.02.2017—3am
News as a 24-hour event
Blog Post02.01.2017—3am
Visual storytelling innovation: key to progress in 2017
Blog Post01.31.2017—2am
Digital Design Challenge: Those article pages move up front
Blog Post01.30.2017—3am
Pages we like: Spain’s ABC
Blog Post01.27.2017—2am
It’s a new sports printed newspaper in Germany
Blog Post01.26.2017—3am
The new Axios: worthy of a look
Blog Post01.25.2017—3am
Mobile storytelling: fast, furious and simple
Blog Post01.24.2017—2am
New semester, new emphasis on visual storytelling
Blog Post01.23.2017—2am
The role of WED in creating a rich palette of visual storytelling for mobile
Blog Post01.20.2017—3am
Digital storytelling, Part Two: A linear fusion of narrative, imagery
Blog Post01.19.2017—5am
Digital storytelling, Part One: The fusion of writing/editing/design
Blog Post01.18.2017—2am
Designers of all ages: Let’s rethink, reinvent and recharge
Blog Post01.17.2017—2am
Those email newsletters (or briefings) gain importance
Blog Post01.11.2017—6pm
It’s always been about change
Blog Post01.03.2017—2am
Brutalism in web design: hoping it is not a forever trend
Blog Post12.19.2016—3am
Two predictions for journalism in the new year: Virtual Reality and Sponsored Content will thrive
Blog Post12.16.2016—3am
‘Tis the season for good media news
Blog Post12.15.2016—2am
Haptical, virtual reality and subscription service
Blog Post12.14.2016—2am
These media predictions resonate
Blog Post12.13.2016—2am
Austin Design Summit today
Blog Post12.12.2016—3am
In Denmark: great redesign of mobile, website for Politiken
Blog Post12.09.2016—3am
Sponsored content: Getting started (Part Five)
Blog Post12.08.2016—2am
Sponsored content: how much to charge (Part Four)
Blog Post12.07.2016—2am
Sponsored content and the local newspaper (Part Three)
Blog Post12.06.2016—3am
Sponsored content: who produces it? (Part Two)
Blog Post12.05.2016—3am
Sponsored content: the promising new frontier (Part One)
Blog Post11.27.2016—6am
The death of Fidel Castro: how newspapers covered it
Blog Post11.26.2016—11am
Adios to the man who made me a refugee
Contact us with speaking requests, questions or to discuss a project.