Vertical Nerve (now Belo and Co) is a full service digital marketing agency. The brand standards help employees create on brand collateral that is outward face to help maintain the integrity of the brand.
2. HELLO
WE ARE VERTICAL NERVE. Get to know our brand and you will
understand what drives us. Our dynamic colors, bold typography
and clean design all serve to communicate one idea–
CONNECTING BRANDS TO PEOPLE. The following are more than
colors, fonts, elements and layouts; they’re the essence of our
brand – who we are and how we do business.
6. PROFESSIONAL
We will conduct ourselves as professionals in
our actions, demeanor and appearance.
DEPENDABLE & TRUSTWORTHY
We say we will do it - consider it done.
100% CUSTOMER COMMITTED
We will ensure all customers are ecstatic
about being a reference.
INNOVATIVE
Every employee is committed to finding and
implementing better ways to do things.
PROBLEM SOLVER
There is no problem we cannot solve.
RELENTLESS
We are the hardest working company in the
industry. We will always out-hustle our competitors.
6
CORE VALUES
7. LOGO USAGE
> HORIZONTAL LOGO
> VERTICAL LOGO
CORRECT USAGE
CORRECT USAGE
INCORRECT USAGE
INCORRECT USAGE
*Versions of the logo preceding 2015 should no longer be used
7
8. 8
> SPACING
> ICON
Minimum spacing around logo
CORRECT USAGE
CORRECT USAGE
INCORRECT USAGE
INCORRECT USAGE
LOGO USAGE
9. 9
LOGO USAGE
> LOGO WITH TAGLINE
> LOGO WITH DMNmedia TAGLINE
CORRECT USAGE
CORRECT USAGE
INCORRECT USAGE
INCORRECT USAGE
measure up measure up
A DMNMEDIA COMPANY
> PARTNERSHIPS
CORRECT USAGE INCORRECT USAGE
Equal visual weight and spacing for Vertical Nerve and partner Vertical Nerve too small with too little space around the dividing line Vertical Nerve too large with too much space around the dividing line
10. 10
COLORS
Each of our core colors represents a unique attribute of the Vertical Nerve brand.
Our orange is bright and bold – just
like the people who work here. We
are serious about our work but know
that the best results flow out of a fun,
creative and collaborative atmosphere.
Gray represents the foundation of
our agency – the data that drives the
results. Each and every optimization test,
decision and recommendation we make
to clients is backed by hard numbers.
VIBRANT ORANGE RESOLUTE GRAY
Vibrant Orange
#ff6a00
0/72/100/0
255/107/0
Canvas
#f1f3e6
2/0/8/2
242/244/230
Taupe
#dcddd2
13/8/16/0
220/222/210
Light Gray
#ecece5
6/4/8/0
237/236/230
Medium Gray
#e0dfdb
11/8/11/0
224/224/219
Resolute Gray
#323132
0/0/0/95
51/49/50
> PRIMARY
THE PEOPLE THE DATA
> SECONDARY
12. TYPEFACES
Trade Gothic Bold Condensed
abcdefghijklmnopqrstuvwxyz 1234567890
Trade Gothic Condensed
abcdefghijklmnopqrstuvwxyz 1234567890
Trade Gothic Bold
abcdefghijklmnopqrstuvwxyz 1234567890
Roboto Light
abcdefghijklmnopqrstuvwxyz 1234567890
Roboto Regular
abcdefghijklmnopqrstuvwxyz 1234567890
Roboto Medium
abcdefghijklmnopqrstuvwxyz 1234567890
Roboto Condensed Regular
abcdefghijklmnopqrstuvwxyz 1234567890
Franklin Gothic Medium
abcdefghijklmnopqrstuvwxyz 1234567890
Montserrat Bold
abcdefghijklmnopqrstuvwxyz 1234567890
Montserrat Regular
abcdefghijklmnopqrstuvwxyz 1234567890
Bebas Neue Regular
Abcdefghijklmnopqrstuvwxyz 1234567890
Bebas Neue Bold
Abcdefghijklmnopqrstuvwxyz 1234567890
> TRADE GOTHIC
> ROBOTO > MONTSERRAT
> FRANKLIN GOTHIC
> BEBAS NEUE
Trade Gothic is a sans-serif typeface designed in 1948 by
Jackson Burke, director of type development for Linotype in
the USA. Like many gothic fonts of the nineteenth and early
twentieth centuries, Trade Gothic is more irregular than many
other sans-serif families that came later. This variety is often
popular with designers are looking for a more distinctive effect.
N
CAPLINE
TRADE GOTHIC BOLD CONDENSED UPPERCASE
MEANLINE
X-HEIGHT WIDTH
BASELINE
LEFT APEX
Standard Display/Illustration
Alternative Fonts
12
13. 13
MEASURE UP.
MAKING AN IMPACT FOR MONEYGRAM
MAKING AN IMPACT FOR MONEYGRAM
TITLES, HEADINGS & SUBHEADINGS
> HEADER TREATMENT
> TITLE HEADLINE
DATA, ANALYSIS & INSIGHTS
TRADE GOTHIC CONDENSED
TRADE GOTHIC CONDENSED
TRADE GOTHIC BOLD CONDENSED
TRADE GOTHIC BOLD CONDENSED
Roboto Medium
> SUBHEADINGS
> CHARTS, GRAPHS & INFOGRAPHICS
ROBOTO MEDIUM
MONTSERRAT BOLD
Trade Gothic Bold Condensed,
tight letter spacing
Trade Gothic Bold Condensed,
tight letter spacing
Trade Gothic Bold Condensed,
tight letter spacing
Use logotype for Vertical Nerve
Headings
Table headings
Subheadings
Trade Gothic Bold Condensed,
tight letter spacing
Trade Gothic Condensed,
tight letter spacing
14. Atem laturit autem asitas aliti dus invelenda
dolore, qui quias exerspit, optassi te ni rescia
volorro magnimu sandelitaqui officat ero
commolupta venti sectet es qui rem qui ditia
aut rempos eum quid que corum cum reriatia
vel el ium iur rae volor moditatiis aut labo. Nam,
sequost, que voluptur, qui natum earibeatquos
iuntibus rehenist eos ex ea si sunt. Ibusaped
ut harchil mo optaturionem haribusa venis
eaquaeperi eosantibu nosandittiistrum.
Ne ea sanis ut qui torporem qui reptaque nones et exerspiciis volum excest, tendere
mperupt atincto dolorem si tem estio voles doluptas atus debisto dolore nonsendam ex
et dit ium et essimil es ent.
PARAGRAPH COPY STYLING
> HERO PARAGRAPH COPY
> SUBHEAD COPY
> BODY COPY
> BULLET POINT COPY (PHRASE)
> BULLET POINT COPY (LIST)
> DESCRIPTION COPY
• 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.
• Edees comnit vis rescepere,
• Hilne molis ficaudacia inat
• Em nonsinaris
• Uterivatrae ac tum romnes
• Palest am pro constuu
• Ficaudacia inat
• Verursulius hilne molis
It iumquam sendustio. Tus et excepuditi as natquam
quate por mos minveritae doluptae voluptur? Santion
eicidun tiatum nis as iscim que num.
• Ehent queaut luptasi nus
• atiorem num
• ditItaquis vo sendantint
Quis moluptatis moluptam ne sequo officie ndundem. Ut facerfe
rcimpor eperum que excea cum, nus ditatiis eum alit volorerum in
etur res es aliam.
Tiam, consequiatem et quunt aut quia dolupti sciate premqui nis audae audi
optationem sinist magniminimus ilique eos repernati atet volor aut estrum accabor
epersped quod que offic tem qui cus et eum abo.
TREATMENT A
TREATMENT A
TREATMENT B
TREATMENT B
14
Trade Gothic Condensed
normal letter spacing with
orange call out
Trade Gothic Condensed
normal letter spacing
Trade Gothic Condensed
normal letter spacing
Roboto Regular
normal letter spacing
open leading with .25 gutter
Roboto Regular
normal letter spacing
Roboto Regular,
normal letter spacing,
open leading with
option of bullet point
or caret (>)
Roboto Regular,
normal letter spacing,
open leading with
option of bullet point
or caret (>)
Roboto Regular,
normal letter spacing,
open leading with
bullet point or caret
15. > CONTENT PAGE> COVER PAGE
> SECTION BREAK > TEXT SLIDES
PRESENTATION TYPE STYLING
MEASUREUP. SETTINGTHEBAR
15
Trade Gothic Bold Condensed
cropped to one side with
logo alignment
Conceptual, faded back
white image
Trade Gothic Bold Condensed
tight letter spacing with open leading
Roboto Condensed Regular
normal letter spacing with open leading
Vertical Nerve logo overlay
Dark Image overlay
Montserrat Medium
open leading in rectangle
Bebas Neue Bold
tight letter spacing
Roboto Regular lowercaseTrade Gothic Bold Condensed
reversed out orange bar
16. The digital marketing space can be overwhelming.
> TYPE STYLING
> WORD CLOUD
DISPLAY TYPOGRAPHY STYLING
Conduct audits of data
collection methods and
account settings
Analyze audit results and
strategize with MoneyGram
team to correct account issues
Optimize the account
and create a road map for
future support1 2 3
EST. PROJECT TIME: VARIES
COST: CUSTOM-SCOPED
$150 PER HOUR
FOR 10
$135 PER HOUR
FOR 20
$125 PER HOUR
FOR 40
EXPERIENCED
certified
OUR TEAM IS
IN LEADING TOOLS AND
APPLICATIONS IN USE TODAY
and
Bebas Neue Bold,
tight letter spacing
Trade Gothic Condensed
Trade Gothic Condensed,
open letter spacing
Trade Gothic Condensed Bold
Bebas Neue Regular
Bebas Neue Regular Dotted divider line
Roboto Condensed Regular
Montserrat Bold,
medium letter spacing
16
Trade Gothic Bold Condensed,
tight letter spacing
Trade Gothic Condensed,
tight letter spacing
18. QUE REMPORE RUPTAS $3,500
UPTALIT ELIAS
ICIENITEM ABORRO
> RECTANGLE
STYLE & TREATMENT
> CIRCLE
> DOTTED LINE
> TRIANGLE > CARET > ARROW
(enlarged for viewing)
18
19. PERFORMANCE DISPLAY
ADVERTISING
PERFORMANCE DISPLAY
ADVERTISING
DEFINE
MEASUREMENT
PLAN
DEFINE
MEASUREMENT
PLAN
Define Measurement Plan
ICONS
> LINEAR STYLE > SOLID STYLE
Performance Display Advertising
Performance Display
Advertising
ON WHITE ON WHITEON GRAY WITH TEXT WITH TEXT
Vibrant Orange Vibrant Orange
Simple, conceptual clean line work used mainly on presentations and infographics. Simple, conceptual solid shapes used mainly on case studies and websites.
Vibrant Orange
White
White
Roboto
Condensed
Regular
Light Gray
Trade Gothic
Condensed
All Caps
Resolute Gray Resolute Gray
19
20. CHARTS AND GRAPHS
> APPLICATIONS > COMMON ELEMENTS
COMPETITOR A
SEPT. 2014 JULY 2015 SEPT. 2015
COMPETITOR B
COST PER CLICK
IMPRESSIONS
Montserrat Bold
Icon Logo
slight light to dark gradient
subtle drop shadow
usage of gray for
non-Vertical Nerve data
line pattern
Medium Gray
20
21. INFOGRAPHICS
Our analytics experts
ANALYZE
your page for areas
of improvement using
website analytics and
heatmap reporting
to develop a test
hypothesis.
Our web developers
IMPLEMENT
the test hypothesis.
are crafted
for client report.
for 45 days
0-15 DAYS 15-30 DAYS 30-75 DAYS 75-90 DAYS
TEST RUNS
FINAL RESULTS
> APPLICATIONS > COMMON ELEMENTS
Tone - on - tone graphic line pattern
within border of base color
multiple shades of orange to show professionRoboto Medium for body copy
Trade Gothic Bold Condensed for emphasis
simple, clean shapes
Yellow Orange
#f4951f
0/72/100/0
244/149/31
Vibrant Orange
#ff6a00
0/72/100/0
255/107/0
Rust Orange
#d2602e
13/75/94/2
211/96/47
Dusk Orange
#af5029
23/78/96/13
175/80/42
21
22. SOCIAL MEDIA GRAPHIC STYLE
> APPLICATIONS
BRINGING
TOYOUR BRANDPEOPLE
TO PEOPLE
YOUR
BRAND
BRINGING
TO PEOPLE
TOYOUR BRANDPEOPLE
YOUR
BRAND
graphic circle asymmetrically placed
image containing multiple objects
that can be highlighted
Trade Gothic Bold Condensedsporadic length, angle and placement of dotted lines and circle
> COMMON ELEMENTS
22
23. TYPOGRAPHICAL ILLUSTRATIONS
> COMMON ELEMENTS
of your Google Analytics account,
verifying setup and data accuracy
with instructions for improvement
COM P R E H E N SI V E
review create and update tags
gives you the power to
for your website and
mobile apps at any time
tagmanager
Plan
optimize
test
WE
AND
implement
YOUR ANALYTICS FOR
MAXIMUM INSIGHTS
Bold typography
Image overlay in gray area
Simple, clean shapes
23
25. CATEGORIES
Our aim to achieve new levels of success for our
clients and meet the high expectations we set for
ourselves is captured with dynamic images of urban
skyscrapers pictured at striking angles.
Interesting angles and crops of agency life reflect
our most important resource – the people that
dedicate themselves to improving the performance
and results for the brands they work with.
C I T Y S C A P E S
A G E N C Y L I F E
PAT H W A Y S
Captivating images of paths found in outdoor
environments reflect our determination to
pioneer down roads others have not yet traversed.
Image selection is not limited to these categories but should share common attributes including one or more of the following:
conceptual ideas conveyed through abstract images, modern aesthetic, high depth of field and interesting crops. In other words, think beyond the frame.
25
26. > FULL PAGE
> FULL PAGE WITH LOGO WATERMARK
PHOTOGRAPHY TREATMENT
Vibrant Orange overlay
Vibrant Orange with transparent logo overlay
Resolute Gray overlay
Resolute Gray with transparent logo overlay
White overlay Image is too dark, muddying up the orange
Image is too light and logo needs to fill the space
completely with a crop at inner left edge icon
Correct Usage
Correct Usage
Incorrect Usage
Incorrect Usage
26