2015 ST YLE GUIDE
That’s not a style guide. That’s a style guide. –Crocodile Dundee
CONTENTS 6
Basics Page Settings Margins & Bleeds
8
Text Setup Columns & Grid Text Treatment
10
Font Options Positive - Sans Negative - Serif
12
Credit Lines
14
Footnotes
16
Headlines
18
Extras Pull Quotes Dingbat
20
Appendix Screenshots of correct settings InDesign basics
* – This setting is defined in a character or paragraph style provided in the master document, or is defined by the master document.
BASICS PAGE SETTINGS Use the provided master page, paragraph styles, and character styles Color Profile: North American Prepress 2 RGB: Adobe 1998 CMYK: U.S. Web Coated (SWOP) v2 Appearance of Black: Accurate Rich Black: #000000 / C75, M68, Y67, K90
MARGINS & BLEEDS 3p0 (0.5”) Margins around each page.* This will also give us a 6p0 (1”) gutter between pages 1p6 (0.25”) bleed around entire spread* Headlines and images may extend past margins and into the gutter If photos or graphics extend past margin, they should go fully into the bleed
6
Don’t change the master page or any of the pre-defined styles.
Body Copy, Footnotes, and Credit Lines cannot extend past the margin.
TEXT SETUP COLUMNS & GRID Columns: 12 Columns, 1p6 (¼”) Gutter Baseline Grid: 12pt, starting 0p0 from top of Margin Paragraphs should be 3, 4, 5 or 6 columns wide. Other widths are acceptable if approved by a Design Director.
TEXT TREATMENT Positive Articles: Use positive font option* Negative Articles: Use negative font option* Body copy must be legible and use the baseline grid* Body copy must be flush left, rag right with 9pt optical margin alignment, a well-balanced rag, sense breaks, and no orphans, widows, or hyphens! Paragraphs have a one-baseline space after* Use sexy ligatures wherever possible Use the correct style of quotation mark: Smart quotes are used for text “Hi, I’m Debbie and I like eggs!” Dumb quotes are used for measurements Yao Ming is 7' 6" 8
GOOD RAG
BAD, BAD RAG
Raw denim bespoke etsy kogi venmo. Church-key fashion axe waistcoat twee, literally paleo brunch fixie polaroid swag neutra franzen. Ennui migas tilde, seitan yuccie synth lo-fi banh mi meh.
Pickled squid bushwick, migas narwhal quinoa wolf tote bag small batch wayfarers. Pinterest street art ennui cronut sriracha. Farmto-chambray offal, wolf moon biodiesel
SEXY LIGATURE
DISGUSTING
ffi
ffi
FONT OPTIONS POSITIVE ARTICLE Body Copy: Cooper Hewitt Book 9pt / 12pt Leading* Paragraph Style: Positive Body Copy
All body copy should be aligned to the vertical grid. Paragraphs should never be less than three lines long. Body copy must be flush left, rag right.* Body copy must use 9pt optical margin alignment (for hanging punctuation)* No orphans, widows, or hyphens!* Paragraphs have a one-baseline space after* (One baseline space between paragraphs)
10
NEGATIVE ARTICLE Body Copy: Vollkorn Regular 10pt / 12pt Leading* Paragraph Style: Negative Body Copy  Numerals should be oldstyle i.e. 1234567890, not 1234567890 All body copy should be aligned to the vertical grid. Paragraphs should never be less than three lines long. Body copy must be flush left, rag right.* Body copy must use 9pt optical margin alignment (for hanging punctuation)* No orphans, widows, or hyphens!* Paragraphs have a one-baseline space after* (One baseline space between paragraphs)
CREDIT LINES POSITIVE ARTICLE Credit Lines: Cooper Hewitt Book 9/12, for name use Cooper Hewitt Heavy 9/12*
Names should be tracked out to +10 and should align to baseline grid.* Credit lines should be placed near the title. Positive credits should be formatted as follows: BY NATHAN GAMSON PHOTOGRAPHED BY CASEY FRANKLIN Paragraph Style: Positive Credit To Character Style: Positive Credit Name Use the paragraph style on both lines and the character style on the names If both the designer and photographer wrote the article, use this format: BY NATHAN GAMSON AND CASEY FRANKLIN PHOTOGRAPHED BY CASEY FRANKLIN If the photographer wrote and photographed the article, use this format: WRITTEN AND PHOTOGRAPHED BY CASEY FRANKLIN Credits should ALWAYS be two lines. 12
NEGATIVE ARTICLE Credit Lines: Vollkorn Italic 10/12* for name use Vollkorn Semibold 10/12* Names should be tracked out to +10 and should align to baseline grid.* Credit lines should be placed near the title. Negative credits should be formatted as follows: by SAM WATSON photographed by KYRA KRENITSKY Paragraph Style: Negative Credit To Character Style: Negative Credit Name Use the paragraph style on both lines and the character style on the names If both the designer and photographer wrote the article, use this format: by SAM WATSON and KYRA KRENITSKY photographed by KYRA KRENITSKY If the photographer wrote and photographed the article, use this format: written and photographed by KYRA KRENITSKY Credits should ALWAYS be two lines.
FOOTNOTES POSITIVE ARTICLE Footnotes: Cooper Hewitt Book 7.5/12* Citations should be all-uppercase Footnotes should start to baselines after the article One en-space between each citation Do not use line breaks between citations Do not include URLS in citations unless absolutely necessary Citation numbers should not have punctuation around them Paragraph Style: Positive Footnote
Footnotes should have a 0.5pt pipeline on the baseline above them The pipeline should be the same number of columns as the footnotes See the below example:
Article text article text article text article text article text article text article text article text article text article text article text article text
1 FOOTNOTE ONE 2 FOOTNOTE TWO WHICH IS SLIGHTLY LONGER AND WRAPS AROUND 3 FOOTNOTE THREE
14
NEGATIVE ARTICLE Footnotes: Vollkorn Italic 9/12*  Citation numbers should be Vollkorn Regular 9/12* Footnotes should start two baselines after the article One en-space between each citation Do not use line breaks between citations Do not include URLS in citations unless absolutely necessary Citation numbers should not have punctuation around them Paragraph Style: Negative Footnote Character Style: Negative Footnote Number  Oldstyle numerals should be used* Footnotes should have a 0.5pt pipeline on the baseline above them The pipeline should be the same number of columns as the footnotes See the below example: Article text Article text Article text Article text Article text Article text Article text Article text Article text 1 Footnote one 2 Footnote two which is slightly longer and wraps around
HEADLINES HEADLINES You MUST use an open-licensed font (e.g. FontSquirrel, League of Movable Type, etc.) or a font from the Universal Type Client, unless YOU pay for it. Do NOT fuck this up. This is your chance to express your creativity as a designer. Go wild. Do something unique. DO NOT BE BORING, but know that your choices will be under fire during critiques Headline and subheadline designs should work well together Subheadlines should be at least one baseline above body copy Subheadlines are optional but encouraged
16
HANDLETTERING Allowed for headlines and subheadlines Your lettering must be approved by both Design Directors and Lorrie Frear You must be willing to work with the Design Directors and Lorrie Frear to develop your lettering Must be well-composed, typographically correct, and maintain a high level of craftsmanship This option is difficult. Not for the faint of heart.
EXTRAS PULL QUOTES Must align to the 12-column grid Not required to align to the baseline grid Do not need to match body copy, but use discretion when designing.
18
DINGBAT Positive Articles: + Plus Sign Cooper Hewitt Heavy 9/12* Negative Articles: − Minus Sign (this is a special glyph found in the glyphs panel: U-2212) Cooper Hewitt Heavy 9/12* Character Style: Dingbat Manually add ONE space (with the space bar) after the article before the dingbat.
APPENDIX Screenshots of correct settings
Edit > Color Settings...
Optical Margin Alignment
Your paragraphs should look like this
20
InDesign Basics
Insert an en-space
Set number of columns
Gutter
Automatically Balance Columns
Type on a Path (Shift + T)
If there is something you are having trouble with, please do not be afraid to ask.
Š Nathan Gamson + Sam Watson. All rights reserved.