Brand Style Guide. Client: Contents:

Transcription

1 Brand Style Guide Client: Contents: ndp analytics 1 Introduction (page 1) 2 Logo Design (page 3) 3 Logo Use (page 5) 4 Color Theme (page 7) 5 Charts and Tables (page 9) 6 Imagery (page 14) 7 Typography (page 16) 8 Grid and Layout (page 21)

2 1 Introduction Overview The Brand Style Guide reinforces consistent application of the visual elements across these templates: Report; Proposal; Letterhead, and Case Study. This guide is for the InDesign documents and is often speaking toward an experienced designer working with the rebrand; Word does not have the same capabilities in preserving branded colors, subtle type styling, and any placement that adheres to smaller units Word uses inches; InDesign uses as its first option points (0p1; 1 pt; 1/72 of an inch) or picas (1p0; 1 pica 0 points; in). Guidelines on the use of the logo are included, along with charts, imagery, color themes, typography, and grids. 1 Introduction 1

3 Rebrand mission and mood ndp analytics wants its audience to understand its mission, through text and clear visual communication: ndp analytics provides data-driven analysis of public policy and legal issues for business leaders, policymakers, and the public. We educate our audience on the interplay between economics and public policies. We seek to provide a fact-based evidence and analyses that contribute to informed decision-making on critical policy and legal matters. Visually, the rebrand conveys the following qualities through the use of sans-serif typography, vibrant color blocks, open space, and crisp linework: Advocacy Authority Bold Bottom-line Close collaboration Compelling Comprehensive Creativity Cutting edge Data Detailed Expertise Fact-based Insightful Meaningful impact Passionate Persuasive Practical Straightforward Strategic Trusted 1 Introduction 2

4 2 Logo Design Overview Even minor variations of the logo will undermine and compromise the branding. The following guides reinforce best practices when working with the logo. 2 Logo Design 3

5 Primary logo: 4-color Greyscale logo 1-color logo 1-color logo, reverse (use only on branded colors, black, or dark greys) 2 Logo Design 4

6 3 Logo Use Overview The most important aspect of logo use is consistency and space. The logo needs its space to breathe, beginning at its minimum scale. 3 Logo Usage 5

7 9p4 Minimum reproduction size 4p9 In the primary logo format a minimum size must be adhered to so that legibility is retained. At this scale, 9p4 X 4p9, the height of the lowercase letters is 6 pt, and legibility will be compromised if the logo is ever run below this scale. 2p0 2p9 2p0 2p9 Exclusion zone Make sure that text or other design elements do not encroach upon the logo. The marked space of 2p0 2p9 is an ideal minimum to let the minimum-sized logo breathe, free from distraction. 2p9 is the width of the bars in the logo. 4p0 4p0 When the logo is scaled up, make sure the exclusion also sizes up in the same percent increments. On Reports and other templates, placement of the logo in the upper right is recommended, except on Report covers. 3 Logo Use 6

8 4 Color Theme Overview Branded colors include Red, Blue and Green, with Gold added for special chart emphasis. Green can be used as an accent or for emphasis. Body text is 100% Black. Source information and credits are 90% Black (to calm the text on the page and reduce contrast). Light gray values in branded colors and black range from 5% to 30% Tint. This will vary depending on the designer s needs. White is an essential color too: the design grid emphasizes generous margins and open space to convey an essential quality in all communications. At present, there is not a plan to use Pantone colors in communication materials. The report creator can find the Adobe Swatch Exchange (.ase) color theme: NDP-REBRAND/ REPORT-INDESIGN/ NDP-COLOR-THEME.ASE 4 Color Theme 7

9 CMYK RGB HEX 100% Tint 5% Primary Brand Color Main background / business cards 0 / 100 / 75 / / 14 / 49 #BA0E31 Secondary Brand Color Background / accent 100 / 75 / 0 / 25 0 / 65 / 133 # Secondary Brand Color Background / accent 75 / 0 / 75 / / 145 / 92 #1D915C Text / Content Color Highlighting chart information 0 / 25/ 75/ / 178 / 82 #E6B252 EXAMPLES OF COLOR COMBINATIONS Text Color 0 / 0 / 0 / / 64 / 66 # Background / Base Color Alt. 0 / 0 / 0 / / 190 / 192 #BCBEC Base Color 0 / 0 / 0 / 0 255/ 255/ 255 #FFFFFF Color Theme 8

10 5 Charts and Tables Overview It is crucial that all final type in charts is set at a consistent scale, ideally at 10 pt. Some supplemental labels can be scaled smaller than 10 pt, but no smaller than 7 pt. Type can be tracked no more than -25 when fitting text and recomposing line breaks. TABLES: EXCEL SPREADSHEET (TABS AND RETURNS) > INDESIGN WORKFLOW (CRAFTED BY A DESIGNER) All tables are created in Excel and then formatted in ID, or they can be created by dragging-and-dropping library items. For tables, no-color fill styles are recommended if there are six or fewer entries, or if there are color-printing quality control concerns. Otherwise, color fills proceed: Category headlines: Branded color: 90% Tint with Reverse (white) type; then, Branded color, 5% Tint, 100% Black type; then, Branded color, 10% Tint, 100% Black type. If there is a culminating Total row, type should be Bold 100% Black, and no color fills in that row to create a high-contrast area of impact. CHARTS: EXCEL SPREADSHEET (TABS AND RETURNS) > ILLUSTRATOR > INDESIGN WORKFLOW (CRAFTED BY A DESIGNER) All charts in this document can be copied-and-pasted for styling new AI charts. The designer can bring in Excel spreadsheets into AI, and eyedrop the style of charts presented here. Horizontal bar charts are recommended whenever possible as the best way to visually compare quantities; pie charts are ineffective in their use of space and challenging to label consistently. CHARTS: EXCEL GRAPHS > WORD WORKFLOW (CREATED BY NON-DESIGNER) If a non-designer wants to implement charts, begin with the branded Excel chart styles: NDP-REBRAND/REPORT-EXCEL-TO-WORD/EXCEL-CHARTS and simply import these charts into the Word Report template. 5 Charts and Tables 9

11 All tradable industries $ 9,956 All Tradable Industries 9,956 Furniture and related products 2,027 Furniture and related products 2,027 Nonmetallic mineral products Fabricated metal products Primary metals 1,652 1,551 1,273 Nonmetallic mineral products Fabricated metal products Primary metals Food, beverage, tobacco 1,652 1,551 1, Food, beverage, tobacco 903 Textiles, apparel, leather 702 Textiles, apparel, leather 702 Plastics and rubber products 640 Plastics and rubber products 640 Wood products ,508 63,713 67,190 70, ,245 4,210 5,609 6,936 17,127 21,994 35,619 46, Bar Charts: Compare quantities or percents Labels: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100% Black (K) Emphasis: Apres Condensed Regular 10 pt (Minimum 7 pt) Padding: At least 4 pt; 100 K Axis lines:.75 pt; 100 K, Overlaid on top of bars Numbers after bar: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; 100 K Numbers on bar: Apres Condensed Bold 10 pt (Minimum 7 pt) Padding: At least 3 pt; Color: Drop-Shadow: 75% K; Offset 4 pt; Blur 0 Vertical bar spacing: 1p9 9 pt Horizontal bar spacing: About 6 pt Optional: Use 5 K (light gray) to help guide eye Emphasis color: Blue or Red dominant; Green or Gold for emphasis 5 Charts and Tables 10

12 LINEWORK.75 pt, spacing in increments of 12 pt.75 pt, spacing in increments of 12 pt EXAMPLES OF KEYS * Variations of 3 pt in spacing are expected in layouts Category Category Category Category Category Category Category *Keys are included in NDP-REBRAND/ STYLE-GUIDE/ NDP-STYLE-GUIDE-LIBRARY Report creator can drag-and-drop library elements into ID file and adapt Line Charts: Show trends over time Labels: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Emphasis: Apres Condensed Regular 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Dashed line:.5 pt; dash 1 pt, gap 3 pt; Color: 30 K Trend lines: 2 pt; Round cap and round join Vertical Y-axis spacing: 1p9 9 pt;.75 pt (line) Optional: Use 5 K (light gray) to help guide eye Horizontal X-axis spacing: No less than Key: Zapf Dingbats Square Glyph (lowercase n in the font); 8 pt; Padding: 1p0 2p0 Type: Apres Condensed Regular 8 pt; Padding: 1 4 pt; Options: Vertical, Stacked 18 pt leading; or horizontal Emphasis color: Blue or Red dominant; Green or Gold for emphasis 5 Charts and Tables 11

13 33% 8% 6% 5% 5% 39% 4% EXAMPLES OF KEYS Marine Category Automotive Category Surveying and Mapping Category Precision Agriculture Machine Control Category Category Category Category Timing and Synchronization Aviation *Keys are included in NDP-REBRAND/ STYLE-GUIDE/ NDP-STYLE-GUIDE-LIBRARY Report creator can drag-and-drop library elements into ID file and adapt 12% SPECIAL OPTION Doughnut charts can be designed to give special emphasis to a vital number in the story. These can be created by using pathfinder minus front, with an overlaid circle upon a grouped pie chart. Pie Charts: Compare parts to a whole Labels: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Emphasis: Apres Condensed Regular 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Numbers outside of pie: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Numbers on pie: Apres Condensed Bold 10 pt (Minimum 7 pt); Padding: At least 3 pt; Color: Key: Zapf Dingbats Square glyph, 8 pt; Padding: 1p0 2p0 Type: Apres Condensed Regular 8 pt; Padding: 1 4 pt; Options: Vertical, Stacked 18 pt leading; or horizontal Emphasis color: Blue or Red dominant; Green or Gold for emphasis 5 Charts and Tables 12

14 Table 1a. Headline Text Here Growth Commercial % TABLE 2A. Title here Ground transport % Aviation % Machine control % Marine % People-tracking % Precision Ag % Railway % Surveying/mapping % Timing/Synchron % Noncommercial % Automobile % Converged % Recreational % TOTAL % Ground Aviation Machine Marine Precision TOTAL EXAMPLE OF NO-COLOR TABLE Use for tables that have six or less entries, or when there is a concern about colorprinting quality. Dotted lines mark rows. MARGIN NOTES Activate report margins by including notes for page elements such as tables (in Library). Even a table (above) can fit into a page margin. Note that margin notes and tables utilize an all caps style to differentiate them further from body text and content. SOURCE: Tables: Lookup information To create ID tables, simply drag-and-drop table library samples from: NDP-REBRAND/ STYLE-GUIDE/ NDP-STYLE-GUIDE-LIBRARY Then modify and adapt Or style from Excel spreadsheet. Labels: Apres Condensed Light 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Emphasis: Apres Condensed Regular 10 pt (Minimum 7 pt) Padding: At least 4 pt; Color: 100 K Row height: At least 1p4; Padding: At least 4 pt 6 pt Colors: Branded color at 5% Tint / 10% Tint; Emphasis: Branded color at 90% Tint, Reverse type (White) 5 Charts and Tables 13

15 6 Imagery Overview If using imagery, avoid visual clichés common to other firms. One approach is to use photographs of architecture, and by cropping, panning, and zooming, the image can suggest both architecture and a chart. Images can be 4-color or Duotone at least in the visual effect. Duotone-style imagery supports reverse type being overlaid upon it. 6 Imagery 14

16 EXAMPLES OF ABSTRACT PHOTOGRAPHS EXAMPLE OF COVER FRAMING DEVICE *NDP-REBRAND/ STYLE-GUIDE/ COVER-ALT-TEMPLATE.PSD Images can be updated within the frame. Photographs Photographs of DC architecture can affordably be found on istockphoto, or on Corbis, which is more expensive but also far more artistic. Staff photos are also encouraged; they convey authenticity and there is no need to source them. Photos can be cropped, panned, and zoomed to create a more interesting effect that suggests charts, patterns, and dynamism in a more abstract way. If a cover image relies upon a visual cliché, an interesting framing device can be used for the image, shown here in the second Report cover option. 6 Imagery 15

17 7 Typography Overview The company name is NewsGothic Standard Bold. This font should be used in all instances where the company name is not in the body text. If ndp analytics is inside of body text, however, it can be set in Whitney. Headlines and section heads are Whitney Condensed. Body text ranges from Whitney Medium (introductory text) to Whitney Book (long-format reading). Body text can be set at 12/17 (best for on-screen reading) or at 10/15 (best for printed reading). This line-spacing equals 1.5 space in Word. All charts, tables, labels, margin notes, sources, and footnotes, and anything considered notation, is set in Apres Condensed, which affords maximum legibility and economy for type at very small scales. 7 Typography 16

18 ndp analytics Company name (outside of body text) NewsGothic Standard Bold: Use outside of body text whenever possible; if part of the body text flow, Whitney also works. (Bar baseline raised 2 pt at this scale) ndp analytics Company name (inside of body text) Whitney Medium or Book: Acceptable in the flow of surrounding body text (May need to adjust baseline of bar, visually align it centered) 7 Typography 17

19 City Regulatory Project Whitney Condensed Medium 60 pt: Report headline (Size can vary depending on content) Imus et eos solum quam consequia solut aut et run. Whitney Medium 21 pt: Report headline deck (Size can vary depending on content) City Regulatory Project Whitney Condensed Medium 46 pt: Report cover (Size can vary depending on content) Executive Summary Whitney Condensed Medium 21/21: Report Section Headers Subhead WhitneySemibold 12/17: Report subhead sample Subhead WhitneySemibold 12/17: Report section head sample; Branded green underline, 1.5 pt thickness, 5 pt offset Subhead WhitneySemibold 10/15: Letterhead, Proposal, Case Study body text sample 7 Typography 18

20 Nemporitae quidem quame nonsere stibusciis as aruptasit, quiscid ut ex etur, tem. Itata commolor si con re minctatia dus evelent. Met occate vellorem reriam nobiscim simendellaut am ut quiation nit esequamet aliquo et ma et etur sus alibea quamene idest inverup. Cepeles toreiunt experspe sit volorem es et quunt perci sedigni stotatem con exerios modi te eos sectas molutem porerum, sant eliqui occus apid a magna. Etiam porta sem malesuada. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Whitney Book 16/25: Report introductory text (Can also be set at 14/21 with no drop cap) Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Mum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Whitney Book 12/17: Report body text sample Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Mum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus. Whitney Book, 10/15: Letterhead, Proposal, Case Study body text sample (Optional for Report) Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Whitney Medium: Use this to introduce longer blocks of body text Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Mum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Whitney Medium: Use this to introduce larger blocks of body text 7 Typography 19

21 Apres Condensend 14/18; 90% K Apres Condensed Bold 14/18; Branded Blue Apres Condensed Regular 10/15; 100% K (Type block width is 29p0, not too wide for reading ease) SOURCE: Mum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, consectetur adipiscing elit. Apres Condensend 8/10, 90% Black: Source & footnote sample style (Type block width is 33p9); SOURCE is all caps 1. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Nullam id dolor id nibh ultricies vehicula ut id elit. 2. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec. 3. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Cras mattis consectetur purus sit amet fermentum. 4. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Donec ullamcorper nulla non metus auctor fringilla. 5. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. Apres Condensend 8/10, 90% Black: Source & footnote sample style (Numbers are bold 10 pt) 7 Typography 20

22 8 Grid and Layout Overview The grid allows for a template that creates visual unity across the templates: Report; Proposal; Letterhead, and Case Study. The designer can modify elements to break away from the grid on a case-by-case basis. Overall, the grid is set-up in 3 pt increments, so most elements should be spaced in multiples of 3 pt, with 12 pt, 24 pt, and 36 pt being very common. 8 Grid and Layout 21

23 ndp analytics research data innovation City Regulatory Project July 2013 City Regulatory Project July 2013 ndp analytics research data innovation InDesign Report Covers 51p0 x 66p0 / 8.5 in x 11 in For the two cover options, all elements must be no closer than from the edge of the page trim. All elements are spaced in increments of 12 pt. Elements that bleed are 9 pt from the page trim (the edge of the visible printed page) to the bleed (an area set by the printers). 8 Grid and Layout 22

24 data City Regulatory Project 1p0 2p0-2p3 6p3 Nequid quam alitis solo iusamet landele stiur, volupta quaspel et adia volorup tationse none ipiciliqui opta nimusant. Liquiae es cuptas rerecep erumqua simus, sus eum qui to omniet et aut eostias delis et quo qui vende vernatum aci omnis explit enda vereria alicia sed ea nihicim usdaeperit, esequi doluptiatia sed quunt ero et dit et quias modi ommodit fuga. Otate por magnihiti dia niet ererro con porro idellabor aut ullorro etur ab is corporum quo etur magnimeniet unto dellaut pari occum estrum qui quae. Nequid quam alitis solo iusamet landele stiur, volupta quaspel et adia volorup tationse none ipiciliqui opta nimusant. Liquiae es cuptas rerecep erumqua simus, sus eum qui to omniet et aut eostias delis et quo qui vende vernatum aci omnis explit enda vereria alicia sed ea nihicim usdaeperit, esequi doluptiatia sed quunt ero et dit et quias modi ommodit fuga. 1 Otate por magnihiti dia niet ererro con porro idellabor aut ullorro etur ab is corporum quo etur magnimeniet unto dellaut pari occum estrum qui quae sundusae. 2p6 research ndp analytics innovation POINTS & PICAS = INCHES 0p9 (9 pt) = in 1p0 = in 2p0 = in 2p3 = in 9p3 2p0 2p0 2p0 2p0-2p3 Table 1a. Headline Text Here Growth Commercial % Ground transport % Aviation % Machine control % Marine % People-tracking % Precision Ag % Railway % Surveying/mapping % Timing/Synchron % Noncommercial % Automobile % Converged % Recreational % TOTAL % SOURCE: audae sam eate nimpos quia ium facit resequi consed quo te ea nis ellore, idem quiat. Solorro volut endaepr empores atur? Quiatur? Nequid quam alitis solo iusamet landele stiur, volupta quaspel et adia volorup tationse none ipiciliqui opta nimusant. Liquiae es cuptas rerecep erumqua simus, sus eum qui to omniet et aut eostias delis et quo qui vende vernatum aci omnis explit enda vereria alicia sed ea nihicim usdaeperit, esequi doluptiatia sed quunt ero et dit et quias modi ommodit fuga. Otate por magnihiti dia niet ererro con. Acid que nonsequi volore venihillias ne es atquide voloreptas que intis aut ex earum reprerc hiligendis si to ilignat quo volorep ernatem seque lab ilibus aliqui oditatas reperibus voluptatiis eatem ario. 2 Nam idernat ionserunt occum velestium nis endem cum inci sunt alitiorion consequiae rest lam re corem quasi quas sanda ipid mil eosam renis rem res et qui tet, odit que quo omni cusda cuptatur re lantusdae por apidellorem earibus nis dellupt atist, ut quatur sequamus endust, quid molestion rem labor aut facerit es ex et resequae prat officabo. Subhead 2p0 Itatio cullaud ipsunte laborem quawm ea as apelias exped maximus rendiciis es con re landis acerum is aut liquo es quibus inullanim fugiae reprentia porrovidunde quaes seriossi dolor ra doluptaerum re veni conet, voluptat poressum quaspero iliquae nulparciam debitatia quidebis dio eos consenditem cus audiam fuga. 3 Odisit odit etumque minveris sit ulpa in possequi que sunt untet et alique laut mollatur alit, simaximus mi, te cus et eius. Is quas vellique et et exceatio quo omniet alignist, nonet fuga. Menimagniet que velique am consendi iunt, ipsanda estorem. 4 Nis aliquam, quossectaes. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vell consectetur et. 5 2p0 0p9 1. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Nullam id dolor id nibh ultricies vehicula ut id elit. 2. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec. 3. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Cras mattis consectetur purus sit amet fermentum. 4. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Donec ullamcorper nulla non metus auctor fringilla. 5. Aque eristo quatias entotas voluptin res derspid elloreicab ipisciur? Quis repro dolum quiati asime sectecus, nonse volut. Aque eristo quatias entotas voluptin res derspid elloreicab. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. 1p6 2p0 9p3 9p3 MARGIN Space reserved if expositional elements are needed to pair with the body text: pull quotes, sidebars, tables, notes, or table notes. Such elements can be found in the style library: NDP-REBRAND/ STYLE-GUIDE/ NDP-STYLE-GUIDE-LIBRARY 2p6 = in = 0.5 in 6p0 = 1 in 6p3 = in 9p3 = in 6p0-6p3 ndp analytics 9 10 City Regulatory Project InDesign Report Interior 51p0 x 66p0 / 8.5 in x 11 in Interior pages in InDesign use a 9-col grid in the body text area, with 1p0 gutters, and a 3 pt baseline grid, which can be viewed in InDesign s Normal mode. 9p3 outside margins should only be used with facing pages. Text is locked to the baseline grid, so all elements space at multiples of 3 pt. 8 Grid and Layout, and Sidebars 23

25 data 17p6 research 2p6 ndp analytics innovation 4p6 Headline Text Here: July 2013 Proposal for Client Name 8p9 Presentation Style, Messaging, and Communications 6p0 Headline Text Here July 2013 Proposal for Client Name Prepared for Name Job Title Organization Prepared by Name Job Title Organization Contact Us Name Job Title Organization Phone address web site 6p0 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. 1p0 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Praesent commodo cursus magna, vel scelerisque nisl consectetur tortor mauris. 1p9 Process for Conducting the Research and Finalizing the Report 6p0 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor: 1. Cum sociis natoque penatibus et magnis dis parturient montes: nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Donec sed odio dui. 1p6 2. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo: Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 3. Aenean lacinia bibendum nulla sed consectetur: Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Donec sed odio dui. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. 4. Aenean lacinia bibendum nulla sed consectetur: Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Donec sed odio dui. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus. 6p0-6p3 ndp analytics 1730 Rhode Island Avenue NW, Suite 205, Washington, DC ndpanalytics.com 4 InDesign Proposal Cover 51p0 x 66p0 / 8.5 in x 11 in The cover page of the single-page Proposal emulates the layout of the title page, preface, and executive summary for the Report, which begins the body of the text presentation at 17p6 from the top of the page trim. InDesign Proposal Interior 51p0 x 66p0 / 8.5 in x 11 in Interior pages in InDesign use a 9-col grid in the body text area, with 1p0 gutters, and a 3 pt baseline grid, which can be viewed in InDesign s Normal mode. The top margin is 8p9; all other margins are 6p0-6p3 (ideally 6p0). 8 Grid and Layout 24

26 data data 2p6 8p9 research ndp analytics innovation 8p9 research ndp analytics innovation 6p0 2p6 1p6 Date Name, Job Title Company Address line 1 Address line 2 Dear Name, Nis a quaeptat aut peruptiunt. Nes velesti derrore sa et dolupidebis est alia sitio iusam solorerendis aut que renem lat impossi nverfernate numquae nonse liqui con plaut mi, cus coratios doloratur apiteni taturiat etur maxim etur sinus dust fugitatur, sima as aditationet quam estis aut quo tor aligenis eum haruptis sus nobisciis quae rent velit quidelit as solorae dolorio. It verum dolorem diati reprovitem nobis quaepellam con pres modias enist, officit facerib ustiist res di te maximodiorum quas nim dent eatum qui dolupti dolluptae ex estrumquis molo di voluptatio dias corrum faciat que sum volo magniscient untis des nihillat aspidiciat inullatur resectium voluptat deligen destoru ptatio. Ita ipsa volut eum quid et odisquatur sum entinihit autatas perovit atiam, et autempore digenienem expelibus, eatus is res non eume simus sequas nis re poreptatum cum esed quas eveliquae. Iquuntes sume prentiae sit dolum explabo. Aximenimet veressi vent eum erum dolupta tionsequati dus nusantiusda nonsed quassuntus nobisciet fuga. Ut quatio te reic te ea idebisc iendessint. Atur alit, optatemquam volecto con pelit aut volorero voluptiis ea dolore conesti remos vidi cones nobis dustrum facia doleni occab ipsunda iumqui doloris cipsae in eum quae plia pernate et es et deliquassite porum, sentotature nonsequi rem arum ne dolupta debitis consectus. Tia nis volorrum audipsa pellescite de sa di ut estem ide prate comni audi ut officae pro beatectam aliam fuga. Vid evelendusci offictem apit laboreperest fugiate ssinverem. Nem voloratqui quisinctam inihil experuptat fugitat uribus dolorate perio. Et laborem hic tem voluptate ellaboria nis magnimet erem. Optatem quatet quis eaquassit aut audis et pro ero que vidus repe nesto est eat voluptur aut dolendenda velia non re nonsenim faccus volut utatest, tem. Faciate aut evenist as conseque laturep erchit, quatia doluptat. Tiur abo. Ut adiae sandit acesti doloriorese parciis seque nulparum, simusaepel int alit aut am idendis eatur rem demodist et essunt lautendi id ma di cum, venihicit que descius modit vollaut volo que exeribus. Uga. Ferit, cullant que volum auta simillabor aut et de sae. Illandus, sus et aut molum qui id mil id quatur saped qui con rerro te rest, ut voluptam qui ut latiam veribuscia dentincte cum faccus il illabo. Unt et dolore rendi odis aut haris aruptatia qui nist autam aut etus nis perferitatis eost lanitatum ut ventinctem quo que ipsame suntiae perferum esequidel idus doluptati volo to exerspidel modigendita pos exerrunt ommoloria sit re aut asperspelis at quatiam, seque nis aut aut reptatius et enim faccus quas plaborrovit pre comnis magnimollia doles eos sitio eseque venti ne omnient otaspid modi opta venistior auda comnimo llenient imilit, nam que ea quat quatquiam a ipsam nullacc ullacimus. Sincerely, Name 6p0 SELECTED CASE STUDIES 2p6 Headline Text Here Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. 2p6 Case Study 1: Subhead 1p6 Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. 6p0 Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. 1p3 Project One Report link One Report link Two 1p3 Project Two Report link One Report link Two 2p6 Case Study 2: Subhead Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Project One Report link One Report link Two Project Two Report link One 6p0 Report link Two ndp analytics 1730 Rhode Island Avenue NW, Suite 205, Washington, DC ndpanalytics.com 6p0 (min. depth) ndp analytics 1730 Rhode Island Ave., NW, Suite 205, Washington, DC ndpanalytics.com 6p0 (min. depth) InDesign Letterhead 51p0 x 66p0 / 8.5 in x 11 in The Date entry of the Letterhead emulates the top margin of the Proposal interior, beginning 8p9 from the top page trim. The bottom margin grid-line is 6p0, but text may end before that line depending on the word count. InDesign Case Study 51p0 x 66p0 / 8.5 in x 11 in The one-page Case Study also emulates the top margin of the Letterhead and Proposal interior by beginning at 8p9 from the top page trim. Branded blue is used for PDF links to specific reports and projects. 25

27 Brand Style Guide Rebrand and Brand Style Guide Prepared by GRAPHICACY graphicacy.com