B R A N D S TA N D A R D S
Get to know us
The following pages are more than just colors, fonts and layouts; they are the essence of our brand – who we are and how we do business. As an industry leader, we are committed to maintaining the highest standards for responsible and consistent marketing practices, and we have proactively established these brand standards to ensure that we deliver on that commitment for our own brand.
T H E F O U N DAT I O N
BRAND VOICE
Manage. Engage. Measure. AN END-TO-END MARKETING AUTOMATION SOLUTION Email, social media, direct mail, surveys and more, on demand in one platform. Distribion gives corporate marketing departments and their local agents a better way to manage and execute automated, personalized marketing campaigns with real-time performance reporting.
4
BRAND VOICE
Expand your reach SPEND MORE TIME WITH CUSTOMERS AND LESS TIME ON SOFTWARE
Innovation is at our core TECHNOLOGY BUILT FOR CHANGE
5
BRAND VOICE
DISTRIBUTED FRANCHISE MULTI-CHANNEL LOCAL
Marketing made easy A PLATFORM AS UNIQUE AS YOUR BRAND
6
C O R E VA LU E S
PROFESSIONAL
INNOVATIVE
We will conduct ourselves as professionals in our actions, demeanor and appearance.
Every employee is committed to finding and implementing better ways to do things.
DEPENDABLE & TRUSTWORTHY
PROBLEM SOLVER
We say we will do it – consider it done.
There is no problem we cannot solve.
100% CUSTOMER COMMITTED
RELENTLESS
We will ensure all customers are ecstatic about being a reference.
We are the hardest working company in the industry. We will always out-hustle our competitors.
7
LOGO USAGE
LOGO CORRECT USAGE
INCORRECT USAGE
S PA C I N G CORRECT USAGE
INCORRECT USAGE
Minimum spacing around logo
ICON CORRECT USAGE
INCORRECT USAGE
Versions of the logo preceding 2015 should no longer be used 8
LOGO USAGE
LO G O W I T H TA G L I N E CORRECT USAGE
INCORRECT USAGE
Local marketing made easy
Local marketing made easy
LO G O W I T H D M N m e d i a TA G L I N E INCORRECT USAGE
CORRECT USAGE
a DMNmedia company
a DMNmedia company
a DMNmedia company
PA RT N E R S H I P S CORRECT USAGE
Equal visual weight and spacing for Distribion and partner logos
INCORRECT USAGE
Distribion logo is too small with too little space around the dividing line
Distribion logo is too large with too much space around the dividing line
9
PRIMARY COLORS
Each of our primary colors relates to a specific and unique attribute of our brand.
CORE BLUE
F O RWA R D B LU E
ELECTRIC RED
F O U N D AT I O N G R AY
PROFESSIONALISM
INNOVATION
PASSION
PRINCIPLE
The backbone of our brand is our unwavering commitment to providing the best products and services for our clients.
Our refreshingly modern approach allows us to thrive in new and exciting marketing environments.
Zealous commitment to our clients through the proven success of marketing automation inspires our planning and strategic initiatives.
We are dedicated to the fundamentals of marketing that build trust between audience and brand, paving the way for mutually beneficial relationships.
CORE BLUE
FORWARD BLUE
ELECTRIC RED
FOUNDATION GRAY
#003c5a
#009bbe
#e44045
#404041
100/75/41/32
81/21/17/0
5/90/74/0
0/0/0/90
0/60/90
0/155/191
228/65/69
65/64/66
10
SECONDARY COLORS
GRAPHIC COLORS
LOGO COLORS
CHARTS, GRAPHS & INFOGRAPHICS
FORWARD BLUE #009bbe 79/22/17/0 0/155/191 ELECTRIC RED LIGHT GRAY
#e44045
#bbbdc0
5/90/74/0
27/20/19/0
228/65/69
DARK BLUE
FORWARD BLUE
MEDIUM BLUE
POWDER BLUE
#0082a0
#009bbe
#52b4cd
#94c7d0
81/21/17/20
79/22/17/0
63/10/15/0
41/8/16/0
0/130/160
0/155/191
82/180/205
148/199/208
ICONS
187/189/192
LIME GREEN
LIGHT BLUE
CORE BLUE
WHITE
#aedfe4
#003c5a
#ffffff
30/0/10/0
0/60/90
0/0/0/0
174/223/228
100/75/41/32
255/255/255
#bed63a 30/0/96/0
MEDIUM GRAY
190/215/59
#6d6e70 BRIGHT ORANGE LIGHT BLUE
#fcba63
#aedfe4
0/30/70/0
30/0/10/0
253/186/99
58/49/46/15 109/110/112
174/223/228
11
TYPOGRAPHY
T Y P E FA C E S
H E LV E T I C A NEUE THIN
abcdefghijklmnopqrstuvwxyz 1234567890
Helvetica is one of the most popular typefaces in the world. It’s a
LIGHT
sans serif Grotesque typeface inspired by the Akzidenz-Grotesk
abcdefghijklmnopqrstuvwxyz 1234567890
typeface created by Berthold around 1898.1
ROMAN
abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Roman
CONDENSED
abcdefghijklmnopqrstuvwxyz 1234567890 CONDENSED BOLD
CAPLINE
LEFT APEX
abcdefghijklmnopqrstuvwxyz 1234567890 R A L E WAY MEANLINE
MEDIUM
abcdefghijklmnopqrstuvwxyz 1234567890 WIDTH
SEMIBOLD
abcdefghijklmnopqrstuvwxyz 1234567890
X-HEIGHT
Alternative Font OPEN SANS LIGHT
BASELINE
abcdefghijklmnopqrstuvwxyz 1234567890 UPPERCASE
REGULAR
abcdefghijklmnopqrstuvwxyz 1234567890 CONDENSED LIGHT
abcdefghijklmnopqrstuvwxyz 1234567890 CONDENSED BOLD
1
The original Helvetica was designed in Switzerland in 1957 by Max Miedinger and Eduard Hoffmann at the Haas type foundry (Haas’sche Schriftgiesserei).
abcdefghijklmnopqrstuvwxyz 1234567890 13
TITLES, HEADINGS & SUBHEADINGS
TITLE HEADLINE
SUBHEADING 1
R A L E WAY S E M I B O L D
R A L E WAY M E D I U M
• •
•
all caps, open spacing, Electric Red
SUBHEADING 2
H E LV E T I C A C O N D E N S E D
•
all caps, medium spacing, Forward Blue
H E LV E T I C A C O N D E N S E D
•
all caps, medium spacing, Core Blue
H E LV E T I C A C O N D E N S E D
•
all caps, medium spacing, Foundation Gray
all caps, open spacing thin enclosing box and arrows CHARTS, GRAPHS & INFOGRAPHICS •
P R E S E N TAT I O N H E A D E R
R A L E WAY M E D I U M • •
all caps, open spacing thin Electric Red arrow to the left of title
R A L E WAY S E M I B O L D
Dark Blue
Forward Blue
all caps, open spacing, reversed out of graphic colors (see page 10)
Medium Blue
HELVETICA CONDENSED BOLD
•
Powder Blue
all caps, medium spacing, Forward Blue
14
PA RA G RA P H ST Y L I N G
H E RO PA R A G R A P H CO PY 1
Nam fugiatiundis suntemquate deles vereicid quid quia es int as aut elluptaturem et oditat rest, niae simusam, con nitempe rionse nam hariam in con earumquibus aut et fugitias eatis doloremque doluptas cus, consequid quat et aut mo es mossi derem faccatusa errum natiund andebit, ilit, eseque sam eos a que es voles modio. Ut autatur, inveles ipsum la et rerae pror
BULLET POINT COPY (PHRASE) optional callouts Electric Red or Forward Blue
• •
Foundation Gray •
• • •
Helvetica Light medium spacing open leading
•
Foundation Gray
Ote, qui es, Palest am pro constuu Edees comnit vis rescepere, mo prit Dacredo nequam
•
Verursulius hilne molis ficaudacia inat audela mei pero.
•
Em nonsinaris, uterivatrae ac tum Romnes, utus converum.
•
•
Helvetica Light tight spacing tight leading between double lines open leading between bullet points
BULLET POINT COPY (LIST)
H E RO PA R A G R A P H CO PY 2
Faccatia de nonseque eosam que sandaesciis dolorrorem idellaboriae asped estentia sa aut viducipis int que dolorem dolo ditiberit apedio exped es sin re id et elis elluptate nobis est et untisimos de eos quos assinum quam sed maiore libus earionsequae vella venderferum vent
Forward Blue • • •
Helvetica Condensed medium spacing medium leading
Edees comnit vis rescepere,
•
Hilne molis ficaudacia inat
•
Em nonsinaris
•
•
Uterivatrae ac tum romnes
•
•
Palest am pro constuu
•
•
Ficaudacia inat
•
Verursulius hilne molis
Helvetica Light tight spacing open leading between bullet points
DESCRIPTION COPY
BODY COPY Magnis saped minum eniment quis as ex earchil iatinto ommol ese alia ipiditatios ani untio odictem quam velecersped maximo cumIrionsup icivehebus. Sa iaedio, patum dii peceri ingullabis moltorivivid deo, et acrum ia inatu sedes? Publibus omne is An aciestrum in Etrit fachice rioriondam senatil icernius.
Foundation Gray
•
Foundation Gray • • •
Helvetica Light tight spacing medium leading
•
Iqui optatias excepro
•
Od eat iusant doluptati
•
Dolor sita nis pa qui
body copy – Foundation Gray • • •
Helvetica Condensed Light medium spacing open leading between bullet points
15
P R E S E N TAT I O N S T Y L I N G
T I T L E PA G E S U B H E A D I N G
I N T RO PA G E CO N T E N T Raleway Bold open spacing
NONESEQUI REPELIS SIMUSAM
Core Blue bar Electric Red arrow
Sus abore nonesequi repelis simusam nis doluptat que suntur? HenieneOtate sus, solo es simetus sent adit moloris ute endempe enihiciam.
Helvetica Condensed Helvetica Condensed Bold (for emphasis)
Lorem ipsum Sus abore nonesequi repelis simusam nis doluptat que suntur? HenieneOtate sus, solo es simetus sent adit moloris ute endempe enihiciam.
Helvetica Thin Forward Blue Helvetica Condensed Light Helvetica Condensed Bold Core Blue
SECTION BREAK
CO N T E N T PA G E W I T H I M A G E reversed out logo
NONESEQUI REPELIS SIMUSAM
Forward Blue bar
Helvetica Condensed open spacing reversed out Core Blue bar
Lorem ipsum Sus abore nonesequi repelis simusam nis doluptat que suntur? HenieneOtate sus, solo es simetus sent adit moloris ute endempe enihiciam.
Helvetica Light Forward Blue
Helvetica Condensed Light Helvetica Condensed Bold Core Blue
16
GRAPHICS
S T Y L E & T R E AT M E N T
CIRCLE
ARROWS
•
thin strokes (1-2 pt)
TRIANGLE
•
icons
•
headings
•
photo overlays
•
bullets
R E C TA N G L E H O L D I N G S H A P E DOTTED LINE
I L L A C E S V O LU P TA S •
thin strokes
•
Raleway Medium
•
open spacing
•
used to separate sections of content
•
1 pt stroke (enlarged here)
•
used to separate larger sections of content
•
footer usage
DOTS
I L L A C E S V O LU P TA S
Forward Blue Bright Orange Lime Green Electric Red
P E R S P I C I AT I S
CONSECTETUR
18
ICONS
WITH CIRCLE
STYLE A
STYLE B
STYLE C
STYLE D
Core Blue gradient
Core Blue
Forward Blue
Light Blue
Light Blue
White
White
Core Blue
TITLE OF ICON
Electric Red • •
Raleway Semibold all caps
WITHOUT CIRCLE
Light Blue Core Blue gradient • • •
Helvetica Condensed Bold all caps two lines
19
CHARTS & INFOGRAPHICS
CATEGORY
DETAILS
COMMENTS
Powder Blue separated by white bars dotted line
space around type Medium Blue
Forward Blue
Dark Blue
HOSPITALITY
H E A LT H C A R E / PHARMACEUTICAL
INCLUDED?
grayscale logos for consistency white space, centered logo
equal visual weight for each logo
TECHNOLOGY
SUPPORT
FINANCIAL SERVICES/ INSURANCE
CLIENT LOGOS
thin dotted line disconnected corners to add space
HOSPITALITY
CHARTS
headings can be flipped vertically
20
I L LU S T R AT I O N S T Y L E
COMMON ELEMENTS
A P P L I C AT I O N S •
simple, clean lines and shapes
•
white space
•
Electric Red to highlight
•
anonymity in people and places
•
cross hatch to show content area
•
arrows in Forward Blue
your company your company
your company
RESPONSE
Local Producer chooses an email template which is automatically personalized and sends the email to a potential customer.
LO C A L A G E N T
NO RESPONSE POTENTIAL CUSTOMER
System automatically sends a confirmation email to the local agent
system automatically sends a follow up after 5 days
RESPONSE NO RESPONSE
system moves lead to a cold lead folder
21
PHOTOGRAPHY
C AT E G O R I E S
MOVEMENT
WORKSPACE
TECH
CITY
PEOPLE
Colorful images with a sense of energy and movement provide visual interest while conveying the speed and performance of our product.
Interesting angles and crops of workspace environments bring a sense of authenticity, style and collaboration. Bright woodgrain desks used against blue tones provide a warm, dynamic contrast.
Clean, smooth, technological-based images reflect our digital platform conveying innovation and efficiency. High depth of field images provide variance for a wide-range of uses.
Images of compelling cityscapes provide visual texture symbolizing the detailed and orderly framework of our platform.
A human element brings personality and approachability to our technology acknowledging that every brand’s goal is to connect with real people.
23
P H O T O G R A P H Y T R E AT M E N T
F U L L PA G E
C I R C L E T R E AT M E N T
CORRECT USAGE
CORRECT USAGE
Electric Red Forward Blue
Core Blue •
85-90% Core Blue with multiply effect
•
100% Forward Blue with multiply effect
•
asymmetrical placement
•
asymmetrical placement
INCORRECT USAGE
•
Forward Blue
asymmetrical placement
•
asymmetrical placement
INCORRECT USAGE
•
Electric red overlay on full page
•
using Light Blue
•
image too dark
•
image too light
•
centered placement
•
centered placement
24
FULL COLOR GRID
COMMON ELEMENTS
A P P L I C AT I O N S
prominent logo with offset subhead
70% of background area uses blue duotone overlay treatment
Support local agents by providing one simple distributed marketing automation platform that allows users to create, customize, distribute and measure multi-channel marketing campaigns.
transparent Forward Blue overlays
• •
icon treatment without circles
THINK
asymmetrical image placement colorful images from different categories based on usage
Core Blue stripe when reversing out content
360
Email Marketing Best Practices Guide
icon overlay
25
MONOTONE GRID
A P P L I C AT I O N S
COMMON ELEMENTS
grayscale image image fades to white
Core Gray transparent squares
White transparent squares
Email Marketing Best Practices Guide
26
EXPAND YOUR REACH