The Dallas Morning News

The Dallas Morning News Graphics Stylebook

October 2005

INDEX

Philosophy

3

Gotham

4

Use of Miller

8

Graphic boxes and headlines White space and alignment

10 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 a new phase for graphics at The Dallas Morning News. We are committing to a higher standard in our graphic identity and to a better visual integration with the rest of the paper. This stylebook will define that look and its implementation. In the following pages you will find more than just specifications of our graphics style; you ll find guidelines that should be considered for every graphic you make as well as clarity of graphic choices. The commitment to this set of rules by each member of our staff is essential for the success of this project. From now on, we expect you to think about style whenever you re doing a graphic. Our main goal is to make our graphics more attractive and useful to the reader. To that end, one of the primary goals is to increase the amount of white space in our work. If there s too much information, make the graphic bigger. If the space is tight, cut something out. We need to remember that compressed graphics tend to be unattractive and uncomfortable to read. And if the reader doesn t look at it, we have lost an important opportunity to make an impact. Another change that comes with the new style is on the various


specifications of headline sizes. This should allow us to emphasize different levels of hierarchy and help make our graphics easier to navigate. We will also strive for graphics with smaller amounts of text if possible, to make them a faster and more attractive read. In a nutshell, we re aiming at simplicity, minus the gimmicks. As a general rule, whenever you re in doubt, if there s no one around for you to ask an opinion, choose the simplest solution possible. Finally, this document is not exactly a bible for our graphics. It is more a set of guidelines for your graphic work. The style is strong, but it s flexible. It can bend, but it shouldn t be broken. There will be many occasions that could never be foreseen (and actually, that shouldn t be foreseen). The truth is that ultimately it all comes down to a moment when we have to rely on the judgment and talent of our staff. But to start, here is a new way of creating valuable graphics for this paper, all within a new, clean, organized style.

Chris Morris Presentation Director Layne Smith Graphics Director Sergio Pecanha Design Editor/Graphics

Graphics Stylebook

3

GOTHAM

1 & 2 COL GRAPHIC HEAD 16PT

Graphic heads are always UPPERCASE.

Gotham Cond Bold 16pt/19, AV30, T 110%

GOTHAM WE USE ■ Gotham Condensed bold:

Only for graphic heads, with proper tracking and spacing. Nowhere else.

3 & 4 COL GRAPHIC HEAD 20PT Gotham Cond Bold 20pt/24, AV30, T 110%

■ Gotham Book (intro chatter,

source line, long callouts, labels etc.) ■ Gotham Book italic (rivers,

landmarks etc)

5 & 6 COL GRAPHIC HEAD 24PT

■ Gotham Bold (subhead,

callouts) ■ Gotham Bold Italic

Gotham Cond Bold 24pt/29, AV30, T 110%

GOTHAM WE DON’T USE We don t use any other version of Gotham on graphics. Special attention to these: ■ Gotham Condensed (all

versions). Reason: the font is

GRAPHIC SUBHEAD

UPPERCASE Gotham Bold 9pt/11

too condensed to read in small sizes. ■ Gotham Ultra and

Condensed Ultra. Reason: so bold the fonts merge.

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,


Gotham Book. Sizes can vary. Examples: ■ 8pt/10 (intro copy, 1 and 2 columns) ■ 9pt/11 (intro copy, 3 columns & up) ■ 7pt/8 (most labels)

Graphics Stylebook

4

GOTHAM

Font

Callout font: 8/9pt Gotham Bold

1

2

3

10 22

CALLOUTS ■ Callouts are generally going

4pt square, 100M, 100Y, 25K

1

2

3

10 22

to be the haviest element you ll use in a graphic. So, avoid

Pointer stroke is .5pt, black Dotted pointer line .65pt, black, dash 0.2 - 2pt 4pt circle, .35pt black stroke

Number labels: Gotham Bold 8/9pt. Don’t make it smaller than this. But you can make it bigger, as needed.

making callouts that are too long or having too many of them in the same graphic. ■ Black callout is the standard.

Arrow when needed

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

Name of the city

For points inside a 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

Graphics Stylebook

5

GOTHAM

Type box font: Gotham Book 7.5/10

LONG CALLOUTS ■ You have editing powers.

Type lorem ipsum dolor sit amet, con sectetuer adipiscing elit. Fusce place

0.25pt, 100k stroke

Work with reporters, editors 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). ■ Don t cheat on font size,

Gotham Bold 7.5/10

tracking or leading. Specially: don t 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

■ Type lorem ipsum dolor sit amet, consect etuer adipiscing


Graphics Stylebook

6

GOTHAM

Gotham Bold 9/11

SUBHEAD 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 mauris. Aliquam sit amet dolor. Donec elit magna, faucibus vel, congue sit amet. Break long blocls of copy with subheads every 10 to 15 lines.

SUBHEAD 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 mauris. Aliquam sit amet dolor.

TYPE BOXES ■ Try to keep type boxes one

column wide or shorter. Avoid as much as possible to spread blocks of type along two columns or more. ■ Break long blocls of copy in

small pieces. That will help the reader to digest. Use subheads if you have blocks of copy longer than 15 lines. ■ Don t wrap text around

illustrations (avoid examples like in the bottom left). It generally makes the graphic look bad and steals breathing space. Treat type boxes the simplest way possible. In most 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


Graphics Stylebook

7

USE OF MILLER

Page Deck copy goes

Page subhead

Use this mostly for feature graphics Miller Deck Cond Roman 90pt (Suggested starting size for full page graphics)

HEADLINE AND DECK Gotham is the headline font on graphics. However, on pages where the graphic plays the lead image (taking at least half of the page), graphics can use Miller Deck on the headline.

Miller Display Cond light 24pt

■ Full page graphics must have

Miller on headline. ■ As a general rule, headlines

Miller Display Cond light 37pt

and decks on graphics follow the same rules of the section where the graphic is going to be published. ■ Never use a box if you use

Miller on the headline.

Page

GENERAL RULE The use of Miller on graphics Use this mostly for news and sports graphics Miller Deck Cond Bold 86pt

the rest of the paper. Miller headlines should never be in uppercase or use kerning or tracking that make the font

Deck copy goes

Miller Deck Cond Roman 24pt

Page subhead

Miller Deck Cond bold 35pt


should mimic the standards of

look different from what s present on other parts of the paper.

Graphics Stylebook

8

USE OF MILLER

By REPORTER

DROP CAPS

Miller text bold 9/10

Should take three lines of the

Staff writer Miller text roman 7/9

depth and use same font of the headline (either Miller Deck Condensed Roman or Bold).

INTRO COPY, BYLINES AND CREDITS

Drop cap: Miller Deck Condensed Bold or Roman (whatever is used on headline)

By REPORTER

U

■ Repeat the style of the rest of

the paper. Byline is centered with intro

■ Intro copy can grow up to

Staff writer

nderstanding the continuing allure of anabolic steroids is simple. They work, and they work fast. One recent study shows that amateur athletes taking relatively low doses of testosterone made their biggest strength gains in the first three weeks of use. In a world where small advantages make big differences, that s huge. In the Olympics, a fraction of a second can be the difference between sports immortality

11pt/16. Make it grow proportionally. Intro copy: Miller Text 9.6/14 with 95% character width and -10 tracking

Understanding the continuing allure of anabolic steroids is simple. They work, and they work fast. One recent study shows that amateur athletes taking relatively low doses of testosterone made their biggest strength gains in the first three weeks of use. In a world where small advantages make big differences, that s huge. In the Olympics, a fraction of a second can be the difference between sports immortality.

Body copy: Miller Text 9.6/10.5 with 95% character width and -10 tracking (Use this specifications in case you have to put a story in your graphic.) Text must be justified.

DEAN HOLLINGSWORTH/Staff Artist

Credit for graphics and photos: Miller Text Roman 7pt


■ On full-page graphics, the

artist s credit can be made like byline.

Graphics Stylebook

9

GRAPHIC BOXES AND HEADLINES

Spacing for 1 and 2 column graphics: 8pt square (on all corners)

DIFFERENT HEAD SIZES ■ Now we have three different

16PT 1 AND 2 COLS Intro copy goes here. 8pt

Graphic heads are always UPPERCASE. Gotham Cond Bold 16pt, AV30, T 110%

columns) and 24pt (5 and 6 Gotham Book 8/10 Box: 0.25pt, 100K

columns). ■ Each graphic size has a

different spacing on the borders

SOURCE: Dallas Morning News research

SERGIO PE ANHA/Staff Artist

graphic headline sizes: 16pt (1 and 2 columns), 20pt (3 and 4

Miller Text LF 7/8

(represented by the gray boxes on the right). The boxes mark

Gotham Book 5.5/7

an imaginary line: all elements of the graphics should be contained inside this border.

WHEN TO USE BOX AND WHEN TO USE MILLER ■ A box around graphics is Spacing for 3 and 4 column graphics: 10pt square (all corners)

Gotham Cond Bold 20pt, AV30, T 110%

standard. But it can be taken off in large graphics, if it works better on the page, and in small

HEAD 20PT 3 AND 4 COLUMNS

graphics that will go inside CCI

Intro copy goes here. 9pt on 11

with layout person and art

boxes. Discuss it case-by-case

Gotham Book 9/11

directors. ■ If the graphic is half-page or

bigger, consider using Miller Deck Cond Roman or Bold at the headline. Font size should be 35pt & up. Full-page graphics must use Miller. Font Spacing for 5 and 6 column graphics: 10pt square (all corners)


size 80pt & up. ■ Never use a box if you use

24PT HEAD 5 AND 6 COLUMNS

Miller on the headline.

Intro copy goes here. 9pt on 11 Gotham Book 9/11


Graphics Stylebook 10

WHITE SPACE AND ALIGNMENT

■ Along with color palette and fonts,

■ As a suggested spacing, try to

■ It s a mistake to compress excessive

spacing and alignment are the most

leave at least one pica between

information on small areas. Cluttered

important elements of the graphics

elements of the graphic. Leave more

graphics trend to be illegible,

at The Dallas Morning News.

if you need.

unattractive and, ultimately, useless.

Leave a white border between the graphic and the box of: 1 & 2 col. 8pt; 3 & 4 col. 10pt; 5 & 6 col. 1 pica

EXAMPLE OF GOOD SPACING

10pt

BACK TO BASICS Profit growth of companies in the basic materials industry has far outpaced the economy as a whole, as represented by the Standard & Poor’s 500 index. 1p

■ Basic materials

COMPARING WITH OTHER SECTORS

■ S&P 500

120%

Profit growth of basic materials companies far outpaced all other sectors in the third quarter.

100

Sector

Earnings growth rate

Basic materials

80

84%

Consumer discretionary

21

Consumer staples

60

8

Energy 40

56

Financial

3

Health care

20

8

Industrials

23

Technology

0

4Q 2003

1Q 2Q 2004

3Q

4Q*

39

Telecommunications Utilities

* Estimated.

2 -1

SOURCE: Thomas Financial

SERGIO PE ANHA/Staff Artist 1p7



WHITE SPACE AND ALIGNMENT

COMPARISON OF WHITE SPACE

BACK TO BASICS Profit growth of companies in the basic materials industry has far outpaced the economy as a whole, as represented by the Standard & Poor’s 500 index. ■ Basic materials

■ S&P 500

COMPARING WITH OTHER SECTORS

120%

Profit growth of basic materials companies far outpaced all other sectors in the third quarter.

100

Sector


Basic materials

80

84%

Consumer discretionary

21

Consumer staples

60

8

Energy 40

56

Financial

3

Health care

20

8

Industrials

23

Technology

0

4Q 2003

1Q 2Q 2004

3Q

4Q*

Utilities

* Estimated.

39

Telecommunications

2 -1

SOURCE: Thomas Financial


BACK TO BASICS

BAD SPACING

Profit growth of companies in the basic materials industry has far outpaced the economy as a whole, as represented by the Standard & Poor’s 500 index. 120%

■ Basic materials ■ S&P 500

100% 80% 60% 40% 20% 0

4Q 2003

2Q 3Q 2004

* Estimated

4Q*

Profit growth of basic materials companies far outpaced all other sectors in the third quarter. Sector Earnings growth rate Basic materials 84% Consumer discretionary 21% Consumer staples 8% Energy 56% Financial 3% Health care 8% Industrials 23% Technology 39% Telecommunications 2% Utilities -1%

■ In this case the

graphic needed to grow one column to have the proper spacing. If the space is tight, the information needs to be edited.

SOURCE: Thomas Financial Staff Graphic



COLOR PALETTE

LAND WATER

C

M

Y

K

0

0

10

15

15

0

0

0

NEIGHBOR

0

0

10

25

PARK

10

0

10

20

COUNTRY

0

0

15

35

PINK

0

20

20

20

SILVER

5

0

0

15

RED

0

100

100

25

BLUE

50

0

0

35

BEIGE

0

0

30

20

OCRE

0

20

70

20

GREEN

25

0

40

55

ORANGE

0

50

100

0

WHY DOES IT MATTER? ■ Color palette is not just a Maps These colors can be converted to black and white automatically. But always double check automatic convertions.

rule. Colors are essential to build a family structure to the graphics at the DMN. Use these colors as a starting point for every graphic you do.

CREATING VARIATIONS ■ On Illustrator, go to Filter,

Colors, Saturate. ■ Always double-check

automatic convertions to grayscale. Charts

TIP Using a 0.25pt, 50K stroke can help to distinct areas of similar colors.

0C, 0M, 5Y, 5K

0C, 0M, 15Y, 30K

0C, 0M, 10Y, 10K

5C, 0M, 10Y, 10K

0C, 0M, 10Y, 15K

10C, 0M, 10Y, 20K

0C, 0M, 10Y, 20K

10C, 0M, 15Y, 20K

How do they look with automatic grayscale convertion



COLOR PALETTE

CREATING VARIATIONS

Saturation example: Land

50% saturation

100% saturation

-50% saturation

■ On Illustrator, go to Filter,

Colors, Saturate. ■ Colors you create can’t be

automatically converted to grayscale. Always double-check automatic conversions.

If you blend similar colors, you can have a wide range of tones in between and still be in the same family: Land

Water

Country

Blue

Park

Green

Pink

Red

Beige


Ocre


COLOR PALETTE

COLORS FOR PIE, FEVER AND BAR CHARTS

Fever charts 5pt circle 1.5 stroke White fill

3pt stroke

■ Fever and bar charts should

always start with red line or bar. If you need more colors,

1. RED

follow the order they appear on the left.

2. BLUE

3. OCRE 30K

4. GREEN

100K, 2 dash, 2 gap 5. BLACK 60K, 2 dash, 2 gap

Bar charts C

M

Y

K

0

100

100

25

1st color

2. BLUE

50

0

0

35

2nd

3. BEIGE

0

0

30

20

3rd

4. OCRE

0

20

70

20

4th

5. GREEN

25

40

0

55

5th

1. RED

Pie charts

1st slice

Country

1st slice

Land

2nd

Park

3rd

Silver

4th

Note: You can make pies with shades of one color if you have too many colors going on. But prefer to use pastel colors and use a color from the color palette as a starting point.

Neighbor 5th



FEVER CHARTS


8pt space

Gotham Book 6/7pt

Intro copy font Gotham Book 8pt/10 (1 & 2 col.)

Strokes 50% K 0.25pt

7,242

characters). If you need more than that to explain a graphic, you should consider whether or not it s worth doing a graphic that needs so much explanation.

6,000

■ Fever charts with only one

5,000

Beige 10 Y, 10 K

■ Intro copy and footnotes

less than 20 words (130

Since 2000, the number of active-duty soldiers joining the Army National Guard has dropped.

7,000

INTRO COPY should be as short as possible:

FEWER TAKERS

8,000

3pt stroke 100M, 100Y, 25 K

Stroke 0.25 pt 100 K

2,877

4,000 3,000

Gotham Bold 8/9pt 5pt circle

2,000

2000 ’01

’02

’03

’04

SOURCE: Army National Guard

Gotham Book 7/8pt

DAMEON RUNNELS/Staff Artist

line should have beige box. Charts with more than one line shouldn’t.

USE COLORS ON THIS ORDER C

M

Y

K

1

0

100

100

25

2

50

0

0

35

3

0

20

70

20

4

25

0

40

55

5

0

0

0

100

Credit: Miller Text Roman 7pt

SINGLE HOMEBUYERS ON THE RISE

ITC Zapf Dingbat 8/12

While they're still in the minority, single homebuyers have become a larger percentage of the DallasFort Worth housing market.

Intro copy should be kept as short as possible (less than 20 words in 1 col. charts)

■ Total loans (in thousands) ■ Loans for single applicants

Gotham Book 7/8pt

93,929

100 80

Align to left

60 72,038

44,397

40

Gotham Book 7/8pt

26,632 20

’98 ’99 ’00 ’01

Gotham Book 7/10pt

’02 ’03

Note: Numbers indicating single homebuyers represent approved conventional home loans with only one applicant identified.

Foot notes should be kept short (also less than 20 words).

SOURCE: Dallas Morning News research

JAMES A. BLACK/Staff Artist



BAR CHARTS

SCALE

UNEMPLOYMENT Gotham Book Ital. 7/10pt

■ If you use a scale (axis) on the

graphic, don t put numbers on

Here is a look at the change in nonfarm payroll employment. (In thousands)

the bars (except the callout). If you put the numbers on the

169,000

bars, delete the scale.

300

5pt stroke

250

USE COLORS IN THIS ORDER

200

Bar 100M, 100Y, 25 K

C

M

Y

K

1

0

100

100

25

2

50

0

0

35

3

0

0

30

20

4

0

20

70

20

5

25

0

40

55

150 100 50 0

Gotham Book 7/8pt

Gotham Book 6/7pt (Smaller size allowed, avoid using it.)

A S ON D J F MAM J J A

2004

2005

SOURCE: U.S. Department of Labor

Associated Press

If you use a scale (axis) on the graphic, don’t put numbers on the bars (except the callout).

MORE MEN BUYING Gender breakdowns for single homebuyers in the area. ■ Single applicants ■ Single male ■ Single female 50% 40 30 20 10 0

1998

1999

2000

2001

2002

2003

Note: Numbers indicating single homebuyers represent approved conventional home loans with only one applicant identified. SOURCE: U.S. Department of Labor

BETSY BOCK/Staff Artist



PIE CHARTS AND TABLES

7 PICAS CIRCLE

OIL RESERVES

■ For one-column charts, make

Saudi Arabia 22%

Japan 22%

Gotham Book 7.5/9 (All pointers outside the pie)

the pie 7 picas circle. ■ All callouts should be outside

the pie. Use 0.5pt black stroke to point to the slices. 0.7 pt white stroke between slices

Brazil 22%

U.S. 22%

Stroke 0.5 pt 100 K

Jamaica 22%

chart or table.

SOURCE: Army National Guard

USE COLORS IN THIS ORDER

TROY OXFORD/Staff Artist

Gotham bold 7.5pt Strokes 50% K 0.25pt

Column widths 1 col.

11p

2

22p9.6

3

34p7.2

4

46p4.8

5

58p2.4

6

70p

■ Pies with more than five

slices should be treated as bar

C

M

Y

K

1

0

0

15

30

2

0

0

10

15

3

10

0

10

20

4

5

0

0

15

5

0

0

10

25

Note: You can make pies with shades of one color if you have Gotham book 7.5pt/14

too many colors going on. But prefer to use pastel colors and use a color from the color palette as a starting point.

Alignement to the left Sector

Gotham bold 7.5pt

Units only in the first


Basic materials

84%

Consumer

$ 2.3

8

Energy

56 3

Gotham book 7.5pt/14


$ 70 million $ 30.5

21

Consumer staples

Financial

Profit

$ 13.7 $ 1.7

Strokes 50% K 0.25pt


MAP ELEMENTS

Land

Water 10Y, 15K

15C, .25pt 50K outline Label: Gotham Book Ital 7/8

MAP COLORS AND LABELS ■ If you use the colors on the

right, locator maps should easily convert to grayscale. Use the colors below to differentiate states, countries and to and highlight areas of the map (malls, universities, amusement parks etc.)

■ Despite that, when you

convert to black and white, always check to see if the

C

M

Y

K

0

0

10

25

(neighbor states)

0

0

15

35

(neighbor country)

10

0

10

20

(parks: .25pt 50K outline)

0

20

20

20

(site of construction)

graphic elements are still clearly different.

Patterns and strokes can also be used to highlight areas:

Dotted line (100M, 100Y, 25K, 2pt dash)

Capital (8 pt circle; Gotham Book 7/8)

City (4pt circle, 0.25pt 100K stroke; Gotham Book 7/8)

TARRANT CO.

Detail

County line: 0.35pt, 50K, dash 3pt, gap 4pt Label: Gotham Book Ital 5.5/6.5

2pt rule, RED Gotham Bold 8/9



MAP ELEMENTS

ROAD STROKES ■ If the map only shows one

Major 2.5pt white (label Gotham Book 7/8)

level of roads (example: only Secondary 1.5pt white

interstate highways), use 1.5pt stroke. Other than that, use the

Tertiary 1pt white

hierarchy on the right.

Rivers 1.5pt, 20C (Label Gotham Book Ital 7/8)

■ If the map has so many small

roads that white areas are covering most of the land, consider making the small roads using at 0.5pt, 40% black. Leave major roads white.

Railroad tracks One rule on top of another: 1.5pt, 50K, dashe .35pt, gap 6pt .5pt, 50K

State Highways 75

175

287

360

121

26

Interstates

5

Rural or farm roads

635

35E

35W

30

20

10

423

22

12

100K Gotham Book 5.5

30

Stroke: 0.3pt, 100K

2pt stroke 100 miles

N 100 miles

100 miles

Gotham Book 6pt/7

Gotham medium 6pt/7 Note: We only indicate north if it’s essential for the information. Otherwise, we don’t.



LOCATOR MAPS Tulsa Gotham Book 7pt/8, uppercase Oklahoma

Stroke 0.25 pt, 100 K

■ Place Dalworth always on the

OKLAHOMA Gotham Book 7pt/8

Gotham Bold 8pt/9, uppercase

10Y, 20K neighbor land

30

Fort Worth Dallas

TEXAS

45

automatic conversion to black and white. ■ Use map colors as a starting

Prairie View

Gotham Bold 8pt/9 Callout stroke .5pt/K

Austin 8pt black circle, white star inside

bottom of the locator. ■ Always double-check the

Gotham Bold 7pt/8 10Y, 15K land

20

Waco

DALWORTH

Houston San Antonio

4pt circle, 0.35pt 100K stroke 15C water; 0.5pt stroke, 50K

1.5pt white

Gulf of Mexico

100 miles

CHRIS VELEZ/Staff Artist

7pt/8 Gotham Book It For water, region, park

point for bigger maps, but you can change it according to the needs of each case.

COLORS OF EASY CONVERTION TO GRAYSCALE C

M

Y

K

0

0

10

15

15

0

0

0

0

0

10

25

10

0

10

20

0

0

15

35

Gotham Book 6/7pt

ar

k

Trail W ay

On locators, always show a major road. Major road: 2.5pt Secondary: 1.5pt Tertiary: 1pt

M

Hampton

Ledbetter

Dallas Executive Airport

67

Thurgood Marshall Recreation Center

Lakes, parks, colleges and other references, Gotham Book Italic 7/8

Bahama Beach 1,000 feet

8pt space No more pointer balloons, just the space

D/FW

Dalworth always on the bottom

FORT WORTH

DALLAS

Detail 0.25pt black stroke




LOCATOR MAPS

Neighbor color 0C, 0M, 10Y, 25K Stroke: 0.5pt, 50K

Gotham Bold 8pt/9

STATE MAPS ■ Follow the example on the

NM

OK

Gotham Book 7pt/8

AR

50% black line for state and

35

Gotham Bold 7pt/8

Dallas

Land 0C, 0M, 10Y, 15K Stroke: 0.5pt, 50K

country limits.

20

TEXAS

10

45

Gotham Book 7pt/8

Austin

Water 15C, 0M, 0Y, 0K

MEXICO

Country color 0C, 0M, 15Y, 35K

left for reference on colors. Use

Gulf of Mexico

200 miles

LAYNE SMITH/Staff Artist

Water 15C, 0M, 0Y, 0K Stroke: 0.25pt, 50K

D/FW

Detail 820

Gotham Bold 8pt/9

183

30

FORT WORTH

360 20

377 35W

287

TARRANT CO.

TOM SETZER/Staff Artist

County line: 0.35pt, 50K, dash 3pt, gap 4pt

Gotham Book Ital 5.5/6.5pt

100K Gotham Book 5.5

30


Stroke: 0.3pt, 100K

2pt stroke 100 miles

Gotham Book 6pt/7


LOCATOR MAPS

EAR & WORLD MAPS

ASIA

■ Ear maps are state maps with

capital and callout with name of the city being located. This is Detail

Detail

all the information that fits on that space. ■ For world locators, use the

maps on the right. Don t use rounded globes or continent shapes. EUROPE

Detail

Detail

Ear maps

Make it fit in a 7p square

Galveston TEXAS Austin

Land: 10Y, 15K Stroke: 0.5pt, 100K Shadow: 15K



ICON FAMILY

Small icons 27.5pt square

TWO SIZES

27.5pt square 100% black

with 1pt white stroke.

■ Icons are always black, drawn White stroke: 1pt (always)

■ 27.5pt and 4 picas square. ■ No other variations on size. 3 lines deep

1 line space

Don t squeeze it, nor make it Sewage treatment: Also shut down. Floodwaters probably contaminated with sewage. Oil refineries: Inundated industrial facilities could expose people to chemicals.

Gotham Bold 7.5/10

bigger. If there s no space, either cut the text or remove the icon.

Gotham Book 7.5/10

Toxic waste sites: Contaminants could be washed offsite.

Large icons 4P square 4 picas square 27.5pt 173%

Make the icon on the small size and blow it up 173% with strokes scaled also

Large icons go on page ears



WIRE SERVICES

Provider

Address

Username

Password

AGENCIES

Associated Press

http://apwebgraphics.ap.org

-----

-----

■ Download KRT material only

AP Archive

http://photoarchive.ap.org

-----

-----

froom krtdirect.com, not from Newscom.com.

Knight Ridder Tribune

http://www.krtdirect.com

-----

-----

NewsCom

http://www.newscom.com

-----

-----

LA Times/Wash. Post

http://www.latwp.com

-----

-----



WORKFLOW

GETTING GRAPHICS IN AND OUT OF THE DEPARTMENT CREATING THE GRAPHIC

CORRECTING AND SHIPPING IT

1 Assigning editor places request online via SCC. That request prints out of the editor's printer and a duplicate prints back in News Art.

4 After the assigning editor checks the graphic, he is responsible for getting the proof to the layout desk.

ASSIGNING DESK

NEWS/LAYOUT DESK

2 The editor walks his or her assignment (along with pertinent reference or resource material clipped to it) back to News Art. In basket Fixes basket

A

GRAPHICS EDITOR

Artist, editor and reporter should talk

GRAPHICS EDITOR

COPY DESK

5 After the copy desk proofs the graphic, it is returned to News Art. We make the fixes and put the graphic in CCI.

Fixes between editions: are brought to News Art by a News Clerk or a Copy Editor and can be placed in the Fixes basket at the Graphics Desk. ARTIST

3 We assign it to the artist. Artist and assigning desk should communicate. When work is completed, it is given to a News Art manager.


Suburban workflow: the artist makes an Acrobat file and emails it back to the assigning editor. After the assigning editor has made corrections, a new printout is made, placed in the plexiglas bins in front of the Graphics Desk.


NEWCOMERS

WELCOME TO NEWS ART

Here you ll find answers to a few questions you might have. While this might offer some basic help, don t hesitate to ask these questions to anyone in the staff if you feel like you need to verbalize it.

How do I get in the system?

How can I get text from CCI?

Call extension 2911 for IT Help

There s a folder in the News Art

and get PDFs of my work?

Desk. They will help you to set up a

Server called Text_from_CCI.

On your browser, go to:

password and an email account. They also can get you a password for phone calls outside our area code. What s the log-in information for

How can I see production pages

http://pagetracker How do I set up the News Art

Click on Archives and find the page

printers (printer names, settings,

you want by date of publication.

etc.)?

Click on the page thumbnail. To

Call the Help Desk: 2911.

download the PDF, click on Web PDF , on the top right.

the News Art server? Our files are stored in:

How do I look for archived files?

afp://dmnmacshare.tdmn.belo.com.

We have CDs and DVDs with files

Username: -------

that go back to 1996. To find recent

Ask the Chris Morris. He can get the

Password: -------

files, connect to server

right people in the Help Desk to do

afp://dmnmacshare.tdmn.belo.com

that for you.

Where should I store my files?

Click on the server Current Year. For

Look for the News Art Server. Chris

older files, ask James Black.

Morris or Layne Smith will assign a

How can I get CCI on my machine?

How can I get information about human resources?

folder in the the Daily Dump, the

How can I get staff and wire

For timecards, go to

place on the network where all files

photos?

http://tdmn.com and click on

are saved.

On your brownser, go to http://scc/

Kronos Workforce Timecards . For

( just type SCC and hit enter)

other questions, start by talking with

Where can I retrieve base maps?

Username: -------

Lisa Patton. She knows everything

There s a folder in the News Art

Password: -------

about everything and she ll tell you who you should look for.

server called New Graphics Resources. Go there for base maps

How can I find out extensions and

and other resources. Talk to Tom

e-mail addresses of DMN s

How can I check my e-mail from

Setzer if you have questions.

employees?

home?

On your brownser, go to

Log in to www.belo.com. On the

How do I put a file into CCI?

http://tdmn.com

bottom of the page you ll find the

The graphics editor should do it

Click on Telephone Directory .

link Employee Login. You ll need your employee number (on your

most of the time. But if you need to do it, just drop the EPS file onto the

To who should I talk if I have

paycheck) and intranet password (set

icon NewsArtInOSX on your

questions about graphic style?

it up with the Help Desk). To call

desktop. The file will appear in CCI

Sergio Pecanha and Chris Morris.

Help Desk from outside the building:

in a few minutes.


214-977-2911.


AROUND THE BUILDING

Young St.

Elevators

FIRST FLOOR ■ Advertising

Main entrance

■ training rooms ■ Security ATM machine

MAIN LOBBY

ADVERTISING

ADVERTISING

Gladys

ADVERTISING

TRAINING ROOMS

Vending machines, Fedex pickup point, stamps and mailbox

TRAINING ROOMS

SECURITY

Back entrance



AROUND THE BUILDING

Young St.

Elevators

SECOND FLOOR ■ SportsDay

Front

■ DallasNews.com ■ Al Dia ■ Reference ■ Cafeteria

DALLASNEWS.COM

AL DIA

DallasNews Conf. Room

Sports Conf. Room

SPORTS

REFERENCE LIBRARY: Magazine and newspaper collections. DMNs on microfilm to 1800s

Vending machines (ice cream) Headliner diner

Back



AROUND THE BUILDING

Young St.

Elevators

THIRD FLOOR ■ News Desks

Front

■ Photography

Metro Conf. Room

■ Copy Desks ■ Art Department

TEXAS AND SOUTHWEST

■ Design Department

METRO EDITORS MANAGING EDITORS Order photos

PHOTO DESK

EAST WING

RELIGION

INTERNATIONAL

IT Helpdesk 2911

WEST WING Conference Room

NATIONAL

Photo studio

COPYDESK

1A layout Photo's digital darkroom

LAYOUT DESK

Page Mngmt

NEWS ART

Photographer's area Business

Newsroom Technology Group (NTG)

QUICK

NEWS DESIGN Business Conf. Room

Vending machines News Art Conf. Room

Back



AROUND THE BUILDING

Young St.

Elevators Front

FOURTH FLOOR ■ Editorial and Points ■ GuideLive ■ Feature magazines

Main conference room

■ Fashion Dallas ■ Travel

UPPER MANAGEMENT

EDITORIAL, POINTS

Features Conf. Room

GuideLive

FEATURES

Fashion

Travel

Back



AROUND THE BUILDING

Young St.

Elevators

BASEMENT ■ Ad Services

Front

■ Back Copies ■ Imaging ■ IT ■ Maintenance

MAINTENANCE: Mechanical hardware IT

AD SERVICES BACK COPIES: Hard copies of old newspapers

PAGE SCANS: Large format, poster-sized scanners

AD SERVICES Storage

Back

