The Dallas Morning News Graphics Stylebook 2 PHILOSOPHY
Total Page:16
File Type:pdf, Size:1020Kb
The Dallas Morning News Graphics Stylebook October 2005 INDEX Philosophy 3 Gotham 4 Use of Miller 8 Graphic boxes and headlines 10 White space and alignment 11 Color palette 13 Fever charts 16 Bar charts 17 Pie charts and tables 18 Map elements 19 Locator maps 21 Icon family 24 Wire services 25 Workflow 26 Newcomers 27 Around the building 28 The Dallas Morning News Graphics Stylebook 2 PHILOSOPHY SETTING A HIGHER STANDARD This stylebook marks the beginning of specifications of headline sizes. This a new phase for graphics at The Dallas should allow us to emphasize different Morning News. We are committing to a levels of hierarchy and help make our higher standard in our graphic identity graphics easier to navigate. We will also and to a better visual integration with strive for graphics with smaller amounts the rest of the paper. This stylebook of text if possible, to make them a faster will define that look and its and more attractive read. In a nutshell, implementation. were aiming at simplicity, minus the gimmicks. As a general rule, whenever In the following pages you will find youre in doubt, if theres no one around more than just specifications of our for you to ask an opinion, choose the graphics style; youll find guidelines simplest solution possible. that should be considered for every graphic you make as well as clarity of Finally, this document is not exactly a graphic choices. The commitment to bible for our graphics. It is more a set this set of rules by each member of our of guidelines for your graphic work. The staff is essential for the success of this style is strong, but its flexible. It can project. From now on, we expect you to bend, but it shouldnt be broken. There think about style whenever youre doing will be many occasions that could never a graphic. be foreseen (and actually, that shouldnt be foreseen). The truth is that ultimately Our main goal is to make our graphics it all comes down to a moment when we more attractive and useful to the have to rely on the judgment and talent reader. To that end, one of the primary of our staff. But to start, here is a new goals is to increase the amount of white way of creating valuable graphics for space in our work. If theres too much this paper, all within a new, clean, information, make the graphic bigger. organized style. If the space is tight, cut something out. We need to remember that compressed graphics tend to be unattractive and Chris Morris uncomfortable to read. And if the Presentation Director reader doesnt look at it, we have lost an important opportunity to make an Layne Smith Graphics Director impact. Sergio Pecanha Another change that comes with the Design Editor/Graphics new style is on the various The Dallas Morning News Graphics Stylebook 3 GOTHAM Graphic heads are GOTHAM WE USE 1 & 2 COL GRAPHIC HEAD 16PT always UPPERCASE. I Gotham Cond Bold 16pt/19, AV30, T 110% Gotham Condensed bold: Only for graphic heads, with proper tracking and spacing. Nowhere else. I Gotham Book (intro chatter, 3 & 4 COL GRAPHIC HEAD 20PT source line, long callouts, labels Gotham Cond Bold 20pt/24, AV30, T 110% etc.) I Gotham Book italic (rivers, landmarks etc) I Gotham Bold (subhead, 5 & 6 COL GRAPHIC HEAD 24PT callouts) I Gotham Bold Italic Gotham Cond Bold 24pt/29, AV30, T 110% GOTHAM WE DON’T USE We dont use any other version of Gotham on graphics. Special attention to these: I Gotham Condensed (all versions). Reason: the font is GRAPHIC SUBHEAD UPPERCASE too condensed to read in small Gotham Bold 9pt/11 sizes. I Gotham Ultra and Condensed Ultra. Reason: so bold the fonts merge. Intro copy lorem ipsum dolor sit Gotham Book. Sizes can vary. Examples: amet, consectetuer adipiscing I 8pt/10 (intro copy, 1 and 2 columns) elit. Fusce placerat volutpat I 9pt/11 (intro copy, 3 columns & up) mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, I 7pt/8 (most labels) congue sit amet, The Dallas Morning News Graphics Stylebook 4 GOTHAM Font Callout font: 8/9pt Gotham Bold 1 2 3 10 22 CALLOUTS I Callouts are generally going 4pt square, 100M, 100Y, 25K 1 2 3 10 22 to be the haviest element youll use in a graphic. So, avoid Pointer stroke is .5pt, black Number labels: making callouts that are too Gotham Bold 8/9pt. Dotted pointer line .65pt, black, dash 0.2 - 2pt Don’t make it smaller than long or having too many of this. But you can make it them in the same graphic. 4pt circle, .35pt black stroke bigger, as needed. Arrow when needed I Black callout is the standard. But if the map has more than three callouts you might need to use white callouts to help prevent clutter. For city in a state map For points inside a city Name of the city Site of construction Callout font: 8/9 Gotham Bold For Business charts Thursday’s close: 985.7 10.120,10 Note: Avoid using too many black callouts in the same graphic. If you do that, you might clutter the graphic and not highlight anything. Here are some options for when you need to point to multiple spots: Site of construction Name of the city Gotham Bool 8/9 Gotham Bold 8/9pt Name of the city Loren fusce place Loren fusce place Gotham Book 7.5/10 The Dallas Morning News Graphics Stylebook 5 GOTHAM Type box font: Gotham Book 7.5/10 LONG CALLOUTS I You have editing powers. Type lorem ipsum dolor sit amet, con 0.25pt, 100k stroke Work with reporters, editors sectetuer adipiscing elit. Fusce place and copy editors to avoid callouts and type boxes from 0.5pt, 100k stroke being too long in your graphics. No more than 20 words (130 characters). I Dont cheat on font size, Gotham Bold 7.5/10 tracking or leading. Specially: dont make fonts smaller. Highlight: Type lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fus Remember that an illegible graphic is useless. 3 Type lorem ipsum dolor sit amet, consectetuer adipiscing Gotham Bold 7.5/10 3 Type lorem ipsum dolor sit amet, consect etuer adipiscing Type lorem ipsum dolor sit amet, consectetuer adipiscing elit. 0.65pt, 100k stroke dash 0.2 - 2pt ITC Zapf Dingbats 7.5/10 I Type lorem ipsum dolor sit amet, consect etuer adipiscing The Dallas Morning News Graphics Stylebook 6 GOTHAM Gotham Bold 9/11 TYPE BOXES I Try to keep type boxes one SUBHEAD Intro copy lorem ipsum dolor sit column wide or shorter. Avoid amet, consectetuer adipiscing as much as possible to spread elit. Fusce placerat volutpat blocks of type along two mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, columns or more. congue sit amet. Intro copy lorem ipsum dolor sit amet, I Break long blocls of copy in consectetuer adipiscing elit. small pieces. That will help the Fusce placerat volutpat mauris. Aliquam sit amet dolor. Donec reader to digest. Use subheads elit magna, faucibus vel, congue if you have blocks of copy sit amet. longer than 15 lines. Break long blocls of SUBHEAD copy with subheads Intro copy lorem ipsum dolor sit I Dont wrap text around every 10 to 15 lines. amet, consectetuer adipiscing illustrations (avoid examples elit. Fusce placerat volutpat like in the bottom left). It mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, generally makes the graphic congue sit amet. Intro copy look bad and steals breathing lorem ipsum dolor sit amet, space. Treat type boxes the consectetuer adipiscing elit. Fusce placerat volutpat mauris. simplest way possible. In most Aliquam sit amet dolor. cases, it should be a square shape. Don’t wrap text like this Intro copy lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat Illustration shape volutpat mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, congue sit amet. Intro copy lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat volutpat mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, congue sit amet. Intro copy lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat volutpat The Dallas Morning News Graphics Stylebook 7 USE OF MILLER HEADLINE AND DECK Use this mostly for feature graphics Gotham is the headline font on Miller Deck Cond graphics. However, on pages Roman 90pt where the graphic plays the (Suggested starting size for full page graphics) lead image (taking at least half Page of the page), graphics can use Miller Deck on the headline. Miller Display Cond I Full page graphics must have Deck copy goes light 24pt Miller on headline. I As a general rule, headlines Miller Display Cond and decks on graphics follow light 37pt Page subhead the same rules of the section where the graphic is going to be published. I Never use a box if you use Miller on the headline. GENERAL RULE The use of Miller on graphics Use this mostly for news should mimic the standards of and sports graphics the rest of the paper. Miller Miller Deck Cond headlines should never be in Bold 86pt Page uppercase or use kerning or tracking that make the font look different from whats Deck copy goes Miller Deck Cond present on other parts of the Roman 24pt paper. Page subhead Miller Deck Cond bold 35pt The Dallas Morning News Graphics Stylebook 8 USE OF MILLER By REPORTER Miller text bold 9/10 DROP CAPS Staff writer Should take three lines of the Miller text roman 7/9 depth and use same font of the headline (either Miller Deck Condensed Roman or Bold).