passport graphic standards draft

18
Revised Graphic Standards

Upload: passport-duke-universitys-international-magazine

Post on 24-Feb-2016

223 views

Category:

Documents


0 download

DESCRIPTION

The rules and standards for Passport magazine

TRANSCRIPT

Page 1: Passport Graphic Standards draft

Revised Graphic

Standards

Page 2: Passport Graphic Standards draft
Page 3: Passport Graphic Standards draft

CONTENTS

1. Logo

2. Grid System

3. Typography

4. Formatting

5. Examples

Page 4: Passport Graphic Standards draft

LOGO

Logotype

Page 5: Passport Graphic Standards draft

Style Sheet

Heading 1

Display

Caption 1

subtext 1

Heading 2

Caption 2

subtext 2

Heading 3

Source/Credit

Body Text

Franklin Gothic Heavy/Designer’s Choice

Graphic Designer’s Choice

Subtitles

Headlines and Display Type

Pull-out Quotes

Section Headings

Caption Introduction

Caption Main Text

Photo Sources and Works Cited

Page Number, Publication, and Issue

Article Genre, Title, and Author By-line

Paragraphic Text

Franklin Gothic Demi

Minion Pro Bold (Small Caps)

Franklin Gothic Demi/Designer’s Choice

Franklin Gothic Book

Minion Pro Regular (Small Caps)

Franklin Gothic Heavy

Franklin Gothic Book

Minion Pro Regular

Font

20pt

?

10pt

10pt

14pt

10pt

10pt

10pt

9pt

10pt

Size

24pt

?

12pt

12pt

18pt

12pt

12pt

12pt

9pt

12pt

optical

?

optical

optical

optical

optical

optical

optical

optical

optical

KerningLeading

(Ab)Use

d u k e u n i v e r s i t y’s i n t e r n at i o n a l m a g a z i n e

Do not apply extra ef-fects such as outer stroke, gradients, or drop shadow to the logo.

Do not distort the logo, especially by stretching or squishing it.

Do not change the type-faces of the logo.

Page 6: Passport Graphic Standards draft

GRID SYSTEM

The Grid

Grid Rules

The grid which forms the basis of the Passport layout is adapted from an example on The Grid System website that divides a letter page into 12 columns and 12 rows based upon the rule of thirds.

To construct the 12x12 grid, go to layout>create guides.To adjust the baseline grid, go to indesign>preferences>grids...

If you are constructing the grid yourself, here are the specifications:

Margins

Columns

Rows

Baseline Grid

Top & Sides: 36pt

Number: 12

Number: 12

Start: 36pt from top

Bottom: 48pt

Gutter: 12 pt

Gutter: 12pt

Increments: 12pt

1. No body text may occupy the top two rows of the layout. This area is intended as negative space to offset the density of the written page. However, you may place article titles or im-ages here.

2. Set aside space for your article’s minimap. If your article starts on the reverso (left page), then your minimap will occupy the 2x2 block of cells in the upper lefthand corner. If your article starts on the recto (right page), then it will occupy the upper righthand cor-ner.

3. Unless you have a very good reason to do otherwise, use the grid as a tool to align differ-ent objects with one another. If you are going to break away from the grid structure, then have a very good reason for doing so. “It looks cool,” is not sufficient justification.

Page 7: Passport Graphic Standards draft

Example Grids

The grid consists of 12 columns, so you may easily group these into three larger columns that envelope the bulk of your body text.

Take advantage of flow lines be-tween rows and columns to delin-eate your grid’s cells and position various elements on the page.

Page 8: Passport Graphic Standards draft

TYPOGRAPHY

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890;:’”!?@#$&*()+=

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz1234567890

;:’”!?@#$&*()+=

Typefaces

—Minion Pro—Minion Pro is an Adobe Original typeface released in 2000. This typeface is an update to the typeface Minion designed by Robert Simbauch in 1990.

Minion Pro channels classical letterforms from the late Renaissance, a period during which typefaces were elegant, beautiful, and readible. These aesthetic and functional char-acteristics recombine in Minion Pro to create a highly readible a versatile typeface useful for both body text and display typesetting.

Franklin Gothic was designed from 1903 to 1912 by Morris Fuller Benton. Named after Benjamin Franklin, the font was one of the first Grotesk letterforms generated America.

Despite a brief eclipe during the 1930s by Eu-ropean geometric typefaces, Franklin Gothic remains popular today. Its large x-height, short ascenders & descenders, and robust forms make it highly legible, and are perfect for display settings from magazine headlines to posters and signs.

—Franklin Gothic—

Page 9: Passport Graphic Standards draft

Style Sheet

Heading 1

Display

Caption 1

subtext 1

Heading 2

Caption 2

subtext 2

Heading 3

Credit 2

Credit 1

Body Text

Franklin Gothic Heavy/Designer’s Choice

Graphic Designer’s Choice

Subtitles

Headlines and Display Type

Pull-out Quotes

Section Headings

Caption Introduction

Caption Main Text

Works Cited

Photo Sources

Page Number, Publication, and Issue

Article Genre, Title, and Author By-line

Paragraphic Text

Franklin Gothic Demi

Minion Pro Bold (Small Caps)

Franklin Gothic Demi/Designer’s Choice

Franklin Gothic Book

Minion Pro Regular (Small Caps)

Franklin Gothic Heavy

Minion Pro Regular

Franklin Gothic Book

Minion Pro Regular

Font

20pt

?

10pt

10pt

14pt

10pt

10pt

10pt

8pt

8pt

10pt

Size

24pt

?

12pt

12pt

18pt

12pt

12pt

12pt

12pt

9pt

12pt

optical

?

optical

optical

optical

optical

optical

optical

optical

optical

optical

KerningLeading

Page 10: Passport Graphic Standards draft

FORMATTING

Images

Squares

1. All images must be in CMYK color mode. To check the color mode of an image or convert it, open the file in Photoshop and go to image>mode>cmyk.

2. All images must be at least 300dpi. To check the size/resolution of an image, open it in Photoshop and go to image>image size.

1. A square must precede the author byline and follow the final line of body text.

2. The height of a square should equal the x-height of the line of text with which it is paired. The x-height is the height of a lower case ‘x’ or the height of a line of small capitals.

1 unit 0.5u

x-height

1u0.5u

x-height

Page 11: Passport Graphic Standards draft

Text

1. Do not set body text over an image. All body text must be set over white or a solid color for readibility.

2. All body text is justified with the terminal line aligned left. To justify, use InDe-sign’s paragraph controls located in type>paragraph.

3. The first line or poignant phrase (whichever is shorter) of each article is set in small caps. Designers may choose to start an article with a drop cap of 3 lines.

4. Delineate new paragraphs via either indentation or skipping a line (but not both). To indent, use the paragraph controls.

5. Italicize foreign words, unless it is a proper noun or dialogue in a foreign lan-guage.

6. Cite photos as follows:

photo by Jane Doe

or

all photos by Jane Doe unless otherwise cited

7. Author bylines are written in small caps as follows:

by John Smith

8. Do not place Subtext 1 content (page number, publication, and issue) over an image.

Page 12: Passport Graphic Standards draft

EXAMPLES

Credit 1

subtext 2

subtext 2

Heading 1

Display

Display

Caption 1

subtext 1

Heading 2

Caption 2

subtext 2

Heading 3

Credit 2

Credit 1

Body Text

Example & Legend

Page 13: Passport Graphic Standards draft

Heading 2

Body Text

Caption 1Credit 1 subtext 1

Heading 3

Page 14: Passport Graphic Standards draft

EXAMPLES

Example: Culture Article

Page 15: Passport Graphic Standards draft
Page 16: Passport Graphic Standards draft

EXAMPLES

Example: Photo Essay

Page 17: Passport Graphic Standards draft
Page 18: Passport Graphic Standards draft