Brand Style Guide - Graphicacy · Visually, the rebrand conveys the following qualities through the...

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)

Client:

Contents:

Brand Style Guide

Brand Style Guide - ndp | analytics - August 2013Brand Style Guide - ndp | analytics - August 2013

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; 0.1667 in).

Guidelines on the use of the logo are included, along with charts, imagery, color

themes, typography, and grids.

11 Introduction Brand Style Guide - ndp | analytics - August 2013

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:

21 Introduction

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

Brand Style Guide - ndp | analytics - August 2013

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 3Brand Style Guide - ndp | analytics - August 2013

42 Logo Design

Primary logo: 4-color

Greyscale logo 1-color logo 1-color logo, reverse (use only on branded colors, black, or dark greys)


53 Logo Usage

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 Use


63 Logo Use

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.

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.

Minimum reproduction size

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.

4p9

9p4

2p9 2p9

2p0

2p0

4p0 4p0

3p0

3p0


74 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


84 Color Theme

Primary Brand ColorMain background / business cards

Secondary Brand ColorBackground / accent

Secondary Brand ColorBackground / accent

Text / Content ColorHighlighting chart information

Text Color

Background / Base Color Alt.

Base Color

0 / 100 / 75 / 25

100 / 75 / 0 / 25

75 / 0 / 75 / 25

0 / 25/ 75/ 10

0 / 0 / 0 / 90

0 / 0 / 0 / 30

0 / 0 / 0 / 0

CMYK

186 / 14 / 49

0 / 65 / 133

29 / 145 / 92

230 / 178 / 82

65 / 64 / 66

188 / 190 / 192

255/ 255/ 255

RGB

#BA0E31

#004185

#1D915C

#E6B252

#BCBEC0

#414042

#FFFFFF

HEX Tint

EXAMPLES OF COLOR COMBINATIONS

100% 5%

2014 2010 11’ 12’ 13’ 2014

2010 11’ 12’ 13’ 2014


5 Charts and Tables

95 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.


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

10

All tradable industries

Plastics and rubber products

Nonmetallic mineral products

Food, beverage, tobacco

Primary metals

Fabricated metal products

Textiles, apparel, leather

Furniture and related products

640

702

903

1,273

1,551

1,652

2,027

$ 9,956 All Tradable Industries

Plastics and rubber products

Nonmetallic mineral products

Food, beverage, tobacco

Primary metals

Fabricated metal products

Textiles, apparel, leather

Furniture and related products

Wood products 300

640

702

903

1,273

1,551

1,652

2,027

9,956

3,245

2000 ‘01 ‘02 ‘03 ‘04 ‘05 ‘06 ‘07 ‘08 ‘09 ‘10

4,210 5,609 6,936

17,12721,994

35,619

46,717

63,713 67,19070,533

93,508

2011 2005 2006 2007 2008 2009 2010 2011

7.17.1

1.31.3

7.17.1

6.56.5

1.11.1

6.06.0

5.05.0

0.80.8

4.84.8

0.50.5

3.43.4

4.14.1

0.40.4

5.65.6

4.34.3

0.30.3

5.05.0

4.24.2

0.30.3

4.04.0

4.34.3

Bar Charts: Compare quantities or percentsNumbers 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: 0-0-0-0

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

























Padding: At least 4 pt; Color: 100 K



Dashed line: .5 pt; dash 1 pt, gap 3 pt; Color: 30 K

11

Line Charts: Show trends over timeTrend 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 3p0

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

13.6

-4

0

4

8

12

16

20

1980 1985 1990 1995 2000 2005

■ Category

■ Category

■ Category

■ Category ■ Category ■ Category ■ Category

5 Charts and Tables

EXAMPLES OF KEYS

*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

LINEWORK

.75 pt, spacing in increments of 12 pt

.75 pt, spacing in increments of 12 pt

* Variations of 3 pt in spacing are expected in layouts






12

Pie Charts: Compare parts to a wholeNumbers 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: 0-0-0-0

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

33%33%

8%8%6%6% 5%5% 5%5%

4%

39%39%

Marine

Surveying and Mapping

Precision Agriculture

Machine Control

Timing and Synchronization

Aviation

Automotive

Doughnut charts can be designedto give special emphasis to a vitalnumber in the story. These can becreated by using pathfinder minusfront, with an overlaid circle upona grouped pie chart.

SPECIAL OPTION

12%

■ Category

■ Category

■ Category

■ Category ■ Category ■ Category ■ Category

EXAMPLES OF KEYS

*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


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.





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)

13

Tables: Lookup information

5 Charts and Tables

EXAMPLE OF NO-COLOR TABLE

Use for tables that have six or less entries,or when there is a concern about color- printing quality. Dotted lines mark rows.

MARGIN NOTES

Activate report margins by including notesfor page elements such as tables (in Library).Even a table (above) can fit into a page margin.Note that margin notes and tables utilize anall caps style to differentiate them further frombody text and content.


Table 1a. Headline Text Here

2005 2006 2007 2008 2009 2010 Growth

Commercial 4.69 6.54 8.72 9.98 9.35 10.30 120%

Ground transport. 1.21 2.15 3.48 4.23 4.09 4.21 250%

Aviation 0.21 0.28 0.31 0.36 0.27 0.33 56%

Machine control 0.32 0.37 0.41 0.44 0.47 0.55 72%

Marine 1.65 2.35 2.98 3.25 2.77 3.25 97%

People-tracking 0.01 0.01 0.02 0.02 0.04 0.06 352%

Precision Ag. 0.48 0.50 0.50 0.49 0.47 0.50 4%

Railway 0.01 0.01 0.01 0.01 0.01 0.01 0%

Surveying/mapping 0.52 0.56 0.67 0.74 0.70 0.83 61%

Timing/Synchron. 0.29 0.32 0.35 0.44 0.56 0.56 94%

Noncommercial 17.55 19.08 19.96 20.21 19.86 21.33 22%

Automobile 2.17 3.90 5.05 4.92 3.83 3.59 66%

Converged 15.08 14.82 14.46 14.68 15.41 16.94 12%

Recreational 0.31 0.37 0.45 0.62 0.62 0.81 161%

TOTAL 25.48 29.88 33.96 36.64 35.33 39.62 55%

SOURCE:

TABLE 2A. Title here

2011 2012 2013

Ground 1.21 2.15 3.48

Aviation 0.21 0.28 0.31

Machine 0.32 0.37 0.41

Marine 1.65 2.35 2.98

Precision 0.48 0.50 0.50

TOTAL 25.48 29.88 33.96

146 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


EXAMPLES OF ABSTRACT PHOTOGRAPHS EXAMPLE OF COVER FRAMING DEVICE

15

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.

Photographs

*NDP-REBRAND/ STYLE-GUIDE/ COVER-ALT-TEMPLATE.PSD Images can be updated within the frame.

Brand Style Guide - ndp | analytics - August 20136 Imagery

167 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
























17

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)

ndp| analytics












Brand Style Guide - ndp | analytics - August 20137 Typography

18

Whitney Condensed Medium 46 pt: Report cover (Size can vary depending on content)

Whitney Medium 21 pt: Report headline deck (Size can vary depending on content)

City Regulatory Project

Whitney Condensed Medium 60 pt: Report headline (Size can vary depending on content)


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

Subhead


Whitney Condensed Medium 21/21: Report Section Headers

ExecutiveSummary

Imus et eos solum quam consequia solut aut et run.

19

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


Whitney Book 16/25: Report introductory text (Can also be set at 14/21 with no drop cap)

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.

20

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)

Apres Condensend 8/10, 90% Black: Source & footnote sample style (Type block width is 33p9); SOURCE is all caps

Apres Condensend 8/10, 90% Black: Source & footnote sample style (Numbers are bold 10 pt)

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.

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.



2005 2006 2007 2008 2009 2010 Growth

Commercial 4.69 6.54 8.72 9.98 9.35 10.30 120%


Aviation 0.21 0.28 0.31 0.36 0.27 0.33 56%

Machine control 0.32 0.37 0.41 0.44 0.47 0.55 72%

Marine 1.65 2.35 2.98 3.25 2.77 3.25 97%

People-tracking 0.01 0.01 0.02 0.02 0.04 0.06 352%

Precision Ag. 0.48 0.50 0.50 0.49 0.47 0.50 4%

Railway 0.01 0.01 0.01 0.01 0.01 0.01 0%


Timing/Synchron. 0.29 0.32 0.35 0.44 0.56 0.56 94%

Noncommercial 17.55 19.08 19.96 20.21 19.86 21.33 22%

Automobile 2.17 3.90 5.05 4.92 3.83 3.59 66%

Converged 15.08 14.82 14.46 14.68 15.41 16.94 12%

Recreational 0.31 0.37 0.45 0.62 0.62 0.81 161%

TOTAL 25.48 29.88 33.96 36.64 35.33 39.62 55%

SOURCE:

7 Typography

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

21Brand Style Guide - ndp | analytics - August 2013

228 Grid and Layout

research data innovation

ndpanalytics

City Regulatory ProjectJuly 2013


ndpanalytics

City Regulatory ProjectJuly 2013

3p0

3p0

3p0

3p0

3p0

For the two cover options, all elements must be no closer than 3p0

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).

InDesign Report Covers 51p0 x 66p0 / 8.5 in x 11 in


238 Grid and Layout, and Sidebars

1p0 1p0 = 0.1667 in

0p9 (9 pt) = 0.125 in

2p0 = 0.3334 in

3p0 = 0.5 in

6p0 = 1 in

6p3 = 1.0417 in

9p3 = 1.5417 in

2p3 = 0.375 in

2p6 = 0.4167 in

2p0 - 2p3

2p0 - 2p3

2p0

2p0

2p6

3p0

9p3

2p0

2p00p9

2p03p0

6p0 - 6p3

6p3

3p0

3p0

3p0

9p3

2p0

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.

InDesign Report Interior 51p0 x 66p0 / 8.5 in x 11 in

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.

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

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


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.


2005 2006 2007 2008 2009 2010 Growth

Commercial 4.69 6.54 8.72 9.98 9.35 10.30 120%


Aviation 0.21 0.28 0.31 0.36 0.27 0.33 56%

Machine control 0.32 0.37 0.41 0.44 0.47 0.55 72%

Marine 1.65 2.35 2.98 3.25 2.77 3.25 97%

People-tracking 0.01 0.01 0.02 0.02 0.04 0.06 352%

Precision Ag. 0.48 0.50 0.50 0.49 0.47 0.50 4%

Railway 0.01 0.01 0.01 0.01 0.01 0.01 0%


Timing/Synchron. 0.29 0.32 0.35 0.44 0.56 0.56 94%

Noncommercial 17.55 19.08 19.96 20.21 19.86 21.33 22%

Automobile 2.17 3.90 5.05 4.92 3.83 3.59 66%

Converged 15.08 14.82 14.46 14.68 15.41 16.94 12%

Recreational 0.31 0.37 0.45 0.62 0.62 0.81 161%

TOTAL 25.48 29.88 33.96 36.64 35.33 39.62 55%


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.



ndpanalytics

10 City Regulatory Project ndp | analytics 9

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.

SOURCE:audae sam eate nimpos quia ium facit resequi consed quo te ea nis ellore, idem quiat. Solorro volut endaepr empores atur? Quiatur?

POINTS & PICAS = INCHES

Space reserved ifexpositionalelements are neededto pair with the bodytext: pull quotes,sidebars, tables, notes,or table notes.

Such elements can befound in the style library:NDP-REBRAND/STYLE-GUIDE/NDP-STYLE-GUIDE-LIBRARY

9p3 MARGIN

1p6


248 Grid and Layout

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 Cover 51p0 x 66p0 / 8.5 in x 11 in

ndp | analytics 1730 Rhode Island Avenue NW, Suite 205, Washington, DC 20036 ndpanalytics.com 4

Headline Text Here:

July 2013

Proposal for Client Name

Presentation Style, Messaging, and Communications

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.

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.

Process for Conducting the Research and Finalizing the Report

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.

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.

17p6

6p0

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).

InDesign Proposal Interior 51p0 x 66p0 / 8.5 in x 11 in

6p0 - 6p3

1p9

1p0

6p0

8p9

4p6

1p6

6p0

3p0

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

email address

web site


ndpanalytics

2p6

3p0

3p0


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 Letterhead 51p0 x 66p0 / 8.5 in x 11 in

6p0 6p0

2p6

3p0

Dear Name,

Nis a quaeptat aut peruptiunt. Nes velesti derrore sa et dolupidebis est alia sitio iusam solorerendis aut que re-

nem 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 maxi-

modiorum 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 vo-

lut 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, sentotat-

ure 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 ssin-

verem. 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

Date

Name, Job Title

Company

Address line 1

Address line 2

ndp | analytics 1730 Rhode Island Avenue NW, Suite 205, Washington, DC 20036 ndpanalytics.com


ndpanalytics8p9

6p0 (min. depth)3p0

Headline Text HereSed 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.

Case Study 1: Subhead

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.

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.

Project One

Report link One

Report link Two

Project Two

Report link One

Report link Two

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

Report link Two

ndp | analytics 1730 Rhode Island Ave., NW, Suite 205, Washington, DC 20036 ndpanalytics.com

SELECTED CASE STUDIES


ndpanalytics

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.

InDesign Case Study 51p0 x 66p0 / 8.5 in x 11 in

6p0 (min. depth)

2p6

2p6

2p6

2p6

1p6

1p6

1p3

1p3

8p9

6p0

6p0

3p0

25Brand Style Guide - ndp | analytics - August 2013


Brand Style Guide

Rebrand and Brand Style Guide Prepared by GRAPHICACYgraphicacy.com

Brand Style Guide - Graphicacy · Visually, the rebrand conveys the following qualities through the...

Documents

Transcript of Brand Style Guide - Graphicacy · Visually, the rebrand conveys the following qualities through the...