Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
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)
Brand Style Guide - ndp | analytics - August 2013
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
Brand Style Guide - ndp | analytics - August 2013
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
Brand Style Guide - ndp | analytics - August 2013
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
Brand Style Guide - ndp | analytics - August 2013
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
Brand Style Guide - ndp | analytics - August 2013
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.
Brand Style Guide - ndp | analytics - August 2013
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
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.
Brand Style Guide - ndp | analytics - August 2013
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
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
Brand Style Guide - ndp | analytics - August 2013
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
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
Brand Style Guide - ndp | analytics - August 2013
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)
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.
Brand Style Guide - ndp | analytics - August 2013
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
Brand Style Guide - ndp | analytics - August 2013
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
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.
Brand Style Guide - ndp | analytics - August 2013
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)
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.
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
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.
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)
City Regulatory Project
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
Brand Style Guide - ndp | analytics - August 20137 Typography
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
Brand Style Guide - ndp | analytics - August 20137 Typography
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.
Brand Style Guide - ndp | analytics - August 2013
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:
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
research data innovation
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
Brand Style Guide - ndp | analytics - August 2013
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
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.
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%
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.
City Regulatory Project
research data innovation
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
Brand Style Guide - ndp | analytics - August 2013
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
research data innovation
ndpanalytics
2p6
3p0
3p0
Brand Style Guide - ndp | analytics - August 2013
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
research data innovation
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
research data innovation
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 - ndp | analytics - August 2013
Brand Style Guide
Rebrand and Brand Style Guide Prepared by GRAPHICACYgraphicacy.com