Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
STYLE GUIDE
TABLE OF CONTENT
INTRODUCTION
Purpose 1
Goal 1
BRAND IDENTITY
Visual Branding
2
OVERVIEW
We Are Washington DC Logo
3
Government of the District of Columbia Logo
4
Logo Specifications
5
Violations 7
Government Branding 8
Paid Advertisements 8
Design Psychology 9
COLOR
Official Palette 10
Violations 10
TYPOGRAPHY
Official Typeface 11
Accent Fonts 11
Special Fonts 13
Best Practices 13
Typographic Hierachy 14
Violations 15
INTRODUCTION
PURPOSE
GOAL
Page - 1 -
IDENTITY
BRAND IDENTITY
In todays society, it is imperative to establish a brand identity
to ensure an organization is recognized by its public. The
importance of a brand identity is to provide a standard for how
an organization is identified by design, color, and other visual
elements by its audience.
VISUAL BRAND
Our visual personality is comprised of three distinct characteristics, which reinforce the mood of our brand visually and serve as
guideposts to everything we create
visually and present to the public.
SLEEK
BOLD
PROFESSIONAL
Page - 2 -
WE ARE WASHINGTON DC
OVERVIEW
WE ARE WASHINGTON DC
The We Are Washington DC logo is the official symbol of the
Executive Office of the Mayor pursuant to Mayors Order
2015-078 dated February 10, 2015.
Page - 3 -
OVERVIEW
STARS & BARS
The Stars and Bars was adopted on October 15, 1938, by
Congress as the official design for the District of Columbia.
Page - 4 -
LOGO SPECIFICATIONS
COLOR VARIATIONS
We Are Washington DC and Stars & Bars logos must be represented on all official government designs both digital and print.
Both logos shall only be presented in red, black, or white.
WE ARE WASHINGTON DC
BLACK
WHITE
RED
WHITE
RED
BLACK
Page - 5 -
SPECIFICATIONS
OFFICIAL
BREATHING ROOM
SCALE RECOMMENDATIONS
Page - 6 -
VIOLATIONS
Page - 7 -
Do not stetch or
shrink the logo
disproportianately.
Do not use
unapproved colors
for the background.
GOVERNMENT BRANDING
BRANDING
PAID ADVERTISEMENT
DESIGN PSYCHOLOGY
HOW TO CREATE A DC GOVERNMENT
PROMOTIONAL GRAPHIC DESIGN
1. Know your audience
2. Create a simple yet aesthetically pleasing concept
Graphics should display a clear subject matter
3. Clearly State:
Title/Name of the event
Hosting Agency
Subject
When
Where
Contact Information (website)
Pertinent Information/ Must be known
> Requirements, Qualications, and Timeframes
4. Branding
Title/Name
of the event
Subject
Contact
Information
Host Agency
Mayors Branding
Page - 9 -
Concept includes:
Graphics
Pictures
Fonts
Color Scheme
OFFICIAL PALETTE
The following are the official colors and variants.
MAIN COLOR
ACCENT COLOR
OFFICIAL RED
OFFICIAL BLUE
HEX: #bf0000
CMYK: 17, 100, 100, 9
RGB: 191, 0, 0
90%
80%
70%
HEX: #012c3b
CMYK: 96, 71, 53, 56
RGB: 1, 44, 59
90%
80%
70%
60%
60%
50%
50%
40%
40%
VIOLATIONS
SIMILAR REDS AND BLUES
The official colors should always be used. While many colors can
be used in conjunction with the official colors, the use of similar
colors should be avoided.
Page - 10 -
OFFICIAL TYPEFACE
The official Executive Office font face is Neutra Text. These
fonts shall be used when creating official executive graphic designs. There are four variations of the font used:
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Page - 11 -
ACCENT FONTS
Complimentary fonts are typefaces that can be used in
conjunction with Neutra Text when creating official executive
graphic designs. In these cases, these fonts shall be used sparingly and with lower priority than Neutra Text. These fonts can serve
as the body font for documents and as accent fonts for flyers and
other graphics.
Century Gothic
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Helvetica Neue
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Page - 12 -
SPECIAL FONTS
Aa
BEST PRACTICES
BODY COPY
Neutra Text Book /Standard Sentence Case /Font Size: 14pt /
Leading: 17pt/Left Justified with no breaks
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus cursus, tortor eget tempor bibendum, tortor elit
lobortis ante, sed blandit urna turpis sed nulla. Quisque ut nibh
eget urna auctor pharetra vel cursus diam. Morbi ut placerat
augue. Donec placera.
HEADINGS
Neutra Text Demi & Bold / ALL CAPS / Font Size: 18pt
Page - 13 -
TYPOGRAPHIC HIERACHY
COMMUNITY MEETING
Sunday, March 1st 2015
COMMUNITY
MEETING
COMMUNITY
MEETING
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus cursus, tortor eget tempor
bibendum, tortor elit lobortis ante,
sed blandit urna turpis sed nulla.
Quisque ut nibh eget urna auctor
pharetra vel cursus diam. Morbi ut
placerat augue.
COMMUNITY MEETING
Sunday, March 1st 2015
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
cursus, tortor eget tempor bibendum, tortor elit lobortis ante, sed
blandit urna turpis sed nulla. Quisque ut nibh eget urna auctor.
Page - 14 -
VIOLATIONS
MIXED FONT, CASE, WEIGHT, SIZE
Any single phrase or block of text should use one font, case,
weight, and size consistently.
WE ARE DC
WE are DC
WE ARE DC
WE ARE DC
NEUTRA ITALICS
Page - 15 -
WE ARE DC
WE ARE DC
WE ARE DC
NO
YES
CONCLUSION
This guide and its processes should enable you to produce
more detail and higher quality visual designs that consistently
carries the District Governments messaging. Our branding
identity helps the public recognize a DC government program,
event, and initiative. Remember, our goal is to use visual art to
effectively convey our message to the public.
Page - 16 -