SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
P R I M E R S T Y L E G U I D E
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
2
Social Media + Primer...
Primer, beginning as an idea by a group of creative people, is a company that helps
businesses with their social media by creating consistent and unique messages that
help them stand out. The Primer brand was inspired by businesses requesting more
exposure on social media sites with creative designs and wanting more
customer interaction.
YOUR NEW BRANDGET INTO IT
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
3
YOUR NEW BRANDENJOY IT
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
4
It is important to give the PRIMER logo
appropriate breathing room on any
given application. The examples to
the left show the acceptable area of
isolation.
YOUR NEW LOGOLET IT BREATHE
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
5
BRAND COLORSTHE REAL BEAUTY BEHIND THE BRAND
Purple Sunset
C	80
M	90
Y	42
K	44
HEX 372245
R 56
G 34
B 69
Grey Rain
C	34
M	26
Y	28
K	0
HEX ABAEAE
R 172
G 175
B 174
Tree Green
C	46
M	0
Y	100
K	0
HEX 94D500
R 149
G 214
B 0
50% Color Usage 30% Color Usage 20% Color Usage
Purple Sunset
Inspired by the deep, purple sunset
sky
Grey Rain
Inspired by the cloudy, grey rainy day
Tree Green
Inspired by the lively, bright green
trees
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
6
When applying your new logo to dark photography use the white version with a drop shadow.
A blending mode set to multiply with the opacity set to 75%, 0 offset and a size of 0.0694
respectively.
When applying your new logo to light photography use the purple version in a light area of the
photo.
APPLYING YOUR LOGOTHIS IS WHEN IT GETS REAL
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
7
PRIMARY LOGO DON'TSWHAT NOT TO DO
The examples above show improper usage of the PRIMER
logotype. Under no circumstances should these examples be
reproduced or published.
Do not alter colors of the logotype
Do not alter the scale or placement of any elements within the logotype
Do not outline or skew the logotype
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
8
PHOTOGRAPHYLIFESTYLE IMAGES
Primer lifestyle photography shows people
that are happy, connecting, and enjoying their
environment. The photo may be an abstract
landscape image to help further the brand
roots.
Use CMYK color mode for print and RGB color
mode for web. Converting a lifestyle photo to
greyscale mode is acceptable.
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
9
		 Now that you have the assets and materials you need to give your new brand life the
very first thing you need to do is save this! Save it on your computer, put it on a virtual
cloud based drive as well in case your computer blows up... it happens.
		 Next is to get your new brand on all of your digital and print materials. Give this file to
your designers, marketers or whoever is responsible for creating your customer facing
materials.
		 Remember to always use this document as the "original." People will move, skew,
delete, change something as simple as your logo. Whenever you are producing
something new, use the logos, colors, and other assets from this file. This will keep your
brand consistent and organized.
WHAT TO DO NOWPUSH IT OUT OF THE NEST AND LET IT FLY
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
11
ARIAL MEDIUM
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
BRAND TYPOGRAPHY
Helvetica is a sans-serif typeface with
innovative, clean and simple characteristics
that echo elements within the PRIMER
logotype.
Arial is only to be used for applications
where Helvetica is not suitable, e.g. HTML
text.
Helvetica Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Oblique
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Bold Oblique
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Neue Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Neue Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Neue Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Neue Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
PRIMARY FAMILY / HELVETICA SUPPLEMENTAL DISPLAY FAMILY / HELVETICA NEUE
SUPPLEMENTAL WEB FAMILY / ARIAL
ARIAL BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL BOLD ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica can be purchased and
downloaded from myfonts.com.
http://www.myfonts.com/search/helvetica/
fonts/
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
12
WEB ASSETSTYPOGRAPHY
Helvetica Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Oblique
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Helvetica Bold Oblique
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL MEDIUM
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ARIAL BOLD ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
WEB DISPLAY FAMILY / HELVETICA SUPPLEMENTAL WEB FAMILY / ARIAL
Arial is only to be used for applications
where Helvetica is not suitable, e.g. HTML
text.
Helvetica can be purchased and
downloaded from myfonts.com.
http://www.myfonts.com/search/helvetica/
fonts/
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
13
WEB ASSETSMAKE IT LOOK GOOD
Header:
Sunset Purple for header,
buttons, and intro to topics.
Title Header:
Helvetica light or bold font. Font
size 20-60pt. Use white font on
dark background and purple or
grey font on white background.
Subtext:
Helvetica light font. Font size
13pt. Use white font on dark
background and purple or grey
font on white background.
Subject Spacer:
Different colors separate topics.
Buttons:
Purple for informational
selection.
Green button for call to action
selection.
4
2
3
1
1
2
3
3
4
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
14
COMPLETE SITE REDESIGN
PRIMER
BRAND FOUNDATION
© PRIMER. All Rights Reserved
15
IN REGARDS
Thank You
for following the Primer design guidelines. Using the brand base foundation is
key to bringing brand identity to current and future customers.

Weitere ähnliche Inhalte

Was ist angesagt?

Newark Office of Film + Television Brand Manual & Guide
Newark Office of Film + Television Brand Manual & GuideNewark Office of Film + Television Brand Manual & Guide
Newark Office of Film + Television Brand Manual & GuideIgor Alves
 
Premiere brand guide 2017
Premiere brand guide 2017Premiere brand guide 2017
Premiere brand guide 2017Dakahlia Group
 
Tổng thể về thiết kế thương hiệu
Tổng thể về thiết kế thương hiệuTổng thể về thiết kế thương hiệu
Tổng thể về thiết kế thương hiệuDesigner.com.vn
 
Emarat brand_guidelines
 Emarat brand_guidelines Emarat brand_guidelines
Emarat brand_guidelinesELF MACHINE
 
Foursquare brandbook
Foursquare brandbookFoursquare brandbook
Foursquare brandbookchamberlinksp
 
This doctor dumped US job to build integrated medicine platform Syncremedies
This doctor dumped US job to build integrated medicine platform SyncremediesThis doctor dumped US job to build integrated medicine platform Syncremedies
This doctor dumped US job to build integrated medicine platform Syncremediesvinay vinu
 
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP Marketing
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP MarketingQuintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP Marketing
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP MarketingNicholas Putz
 
1 brand guidelines
1 brand guidelines1 brand guidelines
1 brand guidelinesELF MACHINE
 

Was ist angesagt? (12)

Newark Office of Film + Television Brand Manual & Guide
Newark Office of Film + Television Brand Manual & GuideNewark Office of Film + Television Brand Manual & Guide
Newark Office of Film + Television Brand Manual & Guide
 
Premiere brand guide 2017
Premiere brand guide 2017Premiere brand guide 2017
Premiere brand guide 2017
 
HomeStay Brand Book
HomeStay Brand BookHomeStay Brand Book
HomeStay Brand Book
 
Brand Manual Book
Brand Manual BookBrand Manual Book
Brand Manual Book
 
Brandbook_EB
Brandbook_EBBrandbook_EB
Brandbook_EB
 
Tổng thể về thiết kế thương hiệu
Tổng thể về thiết kế thương hiệuTổng thể về thiết kế thương hiệu
Tổng thể về thiết kế thương hiệu
 
NABO-brand-guidelines-DRAFT-3
NABO-brand-guidelines-DRAFT-3NABO-brand-guidelines-DRAFT-3
NABO-brand-guidelines-DRAFT-3
 
Emarat brand_guidelines
 Emarat brand_guidelines Emarat brand_guidelines
Emarat brand_guidelines
 
Foursquare brandbook
Foursquare brandbookFoursquare brandbook
Foursquare brandbook
 
This doctor dumped US job to build integrated medicine platform Syncremedies
This doctor dumped US job to build integrated medicine platform SyncremediesThis doctor dumped US job to build integrated medicine platform Syncremedies
This doctor dumped US job to build integrated medicine platform Syncremedies
 
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP Marketing
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP MarketingQuintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP Marketing
Quintessa Aesthetic Center Brand Guidelines - Nicholas Putz - VP Marketing
 
1 brand guidelines
1 brand guidelines1 brand guidelines
1 brand guidelines
 

Andere mochten auch

State of email design 2016 (Litmus)
State of email design 2016  (Litmus)State of email design 2016  (Litmus)
State of email design 2016 (Litmus)FutureBit
 
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETs
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETsA Survey of Existing Mechanisms in Energy-Aware Routing In MANETs
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETsEditor IJCATR
 
Black Vermont 17691806
Black Vermont 17691806Black Vermont 17691806
Black Vermont 17691806Clara Kelly
 
Application combined v12
Application combined v12Application combined v12
Application combined v12Einat Shimoni
 
Why Traditional Web Security Technologies no Longer Suffice to Keep You Safe
Why Traditional Web Security Technologies no Longer Suffice to Keep You SafeWhy Traditional Web Security Technologies no Longer Suffice to Keep You Safe
Why Traditional Web Security Technologies no Longer Suffice to Keep You SafePhilippe De Ryck
 
Recommender Systems at Scale
Recommender Systems at ScaleRecommender Systems at Scale
Recommender Systems at ScaleEoin Hurrell, PhD
 
Transforming Data to Unlock Its Latent Value
Transforming Data to Unlock Its Latent ValueTransforming Data to Unlock Its Latent Value
Transforming Data to Unlock Its Latent ValueTony Ojeda
 
GraphTalk Berlin - Einführung in Graphdatenbanken
GraphTalk Berlin - Einführung in GraphdatenbankenGraphTalk Berlin - Einführung in Graphdatenbanken
GraphTalk Berlin - Einführung in GraphdatenbankenNeo4j
 
Managing an Image library with Digital Asset Management
Managing an Image library with Digital Asset ManagementManaging an Image library with Digital Asset Management
Managing an Image library with Digital Asset ManagementFlight by Canto
 
The end of polling : why and how to transform a REST API into a Data Streamin...
The end of polling : why and how to transform a REST API into a Data Streamin...The end of polling : why and how to transform a REST API into a Data Streamin...
The end of polling : why and how to transform a REST API into a Data Streamin...Audrey Neveu
 
Neo4j Solutions - Master Data Management
Neo4j Solutions - Master Data ManagementNeo4j Solutions - Master Data Management
Neo4j Solutions - Master Data ManagementCaserta
 
Neo4j GraphTalks - Einführung in Graphdatenbanken
Neo4j GraphTalks - Einführung in GraphdatenbankenNeo4j GraphTalks - Einführung in Graphdatenbanken
Neo4j GraphTalks - Einführung in GraphdatenbankenNeo4j
 
Connecting the Dots in Early Drug Discovery
Connecting the Dots in Early Drug DiscoveryConnecting the Dots in Early Drug Discovery
Connecting the Dots in Early Drug DiscoveryNeo4j
 
Real-Time Event & Stream Processing on MS Azure
Real-Time Event & Stream Processing on MS AzureReal-Time Event & Stream Processing on MS Azure
Real-Time Event & Stream Processing on MS AzureKhalid Salama
 
Designing and delivering an international MOOC on Research Data Management an...
Designing and delivering an international MOOC on Research Data Management an...Designing and delivering an international MOOC on Research Data Management an...
Designing and delivering an international MOOC on Research Data Management an...Robin Rice
 
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4j
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4jWebinar: Large Scale Graph Processing with IBM Power Systems & Neo4j
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4jNeo4j
 

Andere mochten auch (20)

State of email design 2016 (Litmus)
State of email design 2016  (Litmus)State of email design 2016  (Litmus)
State of email design 2016 (Litmus)
 
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETs
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETsA Survey of Existing Mechanisms in Energy-Aware Routing In MANETs
A Survey of Existing Mechanisms in Energy-Aware Routing In MANETs
 
Вирусный контент. Вебинар WebPromoExperts #262
Вирусный контент. Вебинар WebPromoExperts #262Вирусный контент. Вебинар WebPromoExperts #262
Вирусный контент. Вебинар WebPromoExperts #262
 
Black Vermont 17691806
Black Vermont 17691806Black Vermont 17691806
Black Vermont 17691806
 
Application combined v12
Application combined v12Application combined v12
Application combined v12
 
oct2014
oct2014oct2014
oct2014
 
Why Traditional Web Security Technologies no Longer Suffice to Keep You Safe
Why Traditional Web Security Technologies no Longer Suffice to Keep You SafeWhy Traditional Web Security Technologies no Longer Suffice to Keep You Safe
Why Traditional Web Security Technologies no Longer Suffice to Keep You Safe
 
Recommender Systems at Scale
Recommender Systems at ScaleRecommender Systems at Scale
Recommender Systems at Scale
 
Transforming Data to Unlock Its Latent Value
Transforming Data to Unlock Its Latent ValueTransforming Data to Unlock Its Latent Value
Transforming Data to Unlock Its Latent Value
 
GraphTalk Berlin - Einführung in Graphdatenbanken
GraphTalk Berlin - Einführung in GraphdatenbankenGraphTalk Berlin - Einführung in Graphdatenbanken
GraphTalk Berlin - Einführung in Graphdatenbanken
 
Managing an Image library with Digital Asset Management
Managing an Image library with Digital Asset ManagementManaging an Image library with Digital Asset Management
Managing an Image library with Digital Asset Management
 
The end of polling : why and how to transform a REST API into a Data Streamin...
The end of polling : why and how to transform a REST API into a Data Streamin...The end of polling : why and how to transform a REST API into a Data Streamin...
The end of polling : why and how to transform a REST API into a Data Streamin...
 
Neo4j Solutions - Master Data Management
Neo4j Solutions - Master Data ManagementNeo4j Solutions - Master Data Management
Neo4j Solutions - Master Data Management
 
«Работа с лидерами мнений» Кейсы: Активиа, Простоквашино, ТЁма. WebPromoExper...
«Работа с лидерами мнений» Кейсы: Активиа, Простоквашино, ТЁма. WebPromoExper...«Работа с лидерами мнений» Кейсы: Активиа, Простоквашино, ТЁма. WebPromoExper...
«Работа с лидерами мнений» Кейсы: Активиа, Простоквашино, ТЁма. WebPromoExper...
 
Neo4j GraphTalks - Einführung in Graphdatenbanken
Neo4j GraphTalks - Einführung in GraphdatenbankenNeo4j GraphTalks - Einführung in Graphdatenbanken
Neo4j GraphTalks - Einführung in Graphdatenbanken
 
Connecting the Dots in Early Drug Discovery
Connecting the Dots in Early Drug DiscoveryConnecting the Dots in Early Drug Discovery
Connecting the Dots in Early Drug Discovery
 
Real-Time Event & Stream Processing on MS Azure
Real-Time Event & Stream Processing on MS AzureReal-Time Event & Stream Processing on MS Azure
Real-Time Event & Stream Processing on MS Azure
 
The Smart Helmet
The Smart HelmetThe Smart Helmet
The Smart Helmet
 
Designing and delivering an international MOOC on Research Data Management an...
Designing and delivering an international MOOC on Research Data Management an...Designing and delivering an international MOOC on Research Data Management an...
Designing and delivering an international MOOC on Research Data Management an...
 
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4j
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4jWebinar: Large Scale Graph Processing with IBM Power Systems & Neo4j
Webinar: Large Scale Graph Processing with IBM Power Systems & Neo4j
 

Ähnlich wie Primer Style Guide

FireAvert_Brand_Foundation
FireAvert_Brand_FoundationFireAvert_Brand_Foundation
FireAvert_Brand_FoundationKyle Parkin
 
anyclip_brand_guide
anyclip_brand_guideanyclip_brand_guide
anyclip_brand_guideDaryl McNutt
 
(BF) Corporate Identity Guidelines
(BF) Corporate Identity Guidelines(BF) Corporate Identity Guidelines
(BF) Corporate Identity GuidelinesSheikh Shahabuddin
 
Sunbit Brand Guidelines
Sunbit Brand GuidelinesSunbit Brand Guidelines
Sunbit Brand Guidelinesjustinhuerter1
 
Source Fire Corporate Style Guide
Source Fire Corporate Style GuideSource Fire Corporate Style Guide
Source Fire Corporate Style GuideBluetext
 
ASA Logo Guidelines
ASA Logo GuidelinesASA Logo Guidelines
ASA Logo GuidelinesWa'ad Fahad
 
WeMakeEventsV07.pdf
WeMakeEventsV07.pdfWeMakeEventsV07.pdf
WeMakeEventsV07.pdfssuser7e6c76
 
TikTok_guidelines (1).pdf
TikTok_guidelines (1).pdfTikTok_guidelines (1).pdf
TikTok_guidelines (1).pdfNiacakeekarir
 
StartMesh visual guidelines
StartMesh visual guidelinesStartMesh visual guidelines
StartMesh visual guidelinesS2 Creative
 
Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016Jon Samsel
 
Maher Group - Visual Standards Manual
Maher Group - Visual Standards ManualMaher Group - Visual Standards Manual
Maher Group - Visual Standards ManualS2 Creative
 
CARE Brand Standards Guide v3
CARE Brand Standards Guide v3CARE Brand Standards Guide v3
CARE Brand Standards Guide v3Stacy McNeiland
 
iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014joholliday
 
Exp Realty Brand Guidelines
Exp Realty Brand GuidelinesExp Realty Brand Guidelines
Exp Realty Brand GuidelinesLanetteBehiry1
 
Open To Create... Brand guidelines
Open To Create... Brand guidelinesOpen To Create... Brand guidelines
Open To Create... Brand guidelinesAnna B Sexton
 

Ähnlich wie Primer Style Guide (20)

FireAvert_Brand_Foundation
FireAvert_Brand_FoundationFireAvert_Brand_Foundation
FireAvert_Brand_Foundation
 
anyclip_brand_guide
anyclip_brand_guideanyclip_brand_guide
anyclip_brand_guide
 
(BF) Corporate Identity Guidelines
(BF) Corporate Identity Guidelines(BF) Corporate Identity Guidelines
(BF) Corporate Identity Guidelines
 
Sunbit Brand Guidelines
Sunbit Brand GuidelinesSunbit Brand Guidelines
Sunbit Brand Guidelines
 
Source Fire Corporate Style Guide
Source Fire Corporate Style GuideSource Fire Corporate Style Guide
Source Fire Corporate Style Guide
 
Wilson Portfolio 2017
Wilson Portfolio 2017Wilson Portfolio 2017
Wilson Portfolio 2017
 
Circles - Brandbook
Circles - BrandbookCircles - Brandbook
Circles - Brandbook
 
Brand Manual.pdf
Brand Manual.pdfBrand Manual.pdf
Brand Manual.pdf
 
ASA Logo Guidelines
ASA Logo GuidelinesASA Logo Guidelines
ASA Logo Guidelines
 
ESD BrandBook
ESD BrandBookESD BrandBook
ESD BrandBook
 
WeMakeEventsV07.pdf
WeMakeEventsV07.pdfWeMakeEventsV07.pdf
WeMakeEventsV07.pdf
 
TikTok_guidelines (1).pdf
TikTok_guidelines (1).pdfTikTok_guidelines (1).pdf
TikTok_guidelines (1).pdf
 
StartMesh visual guidelines
StartMesh visual guidelinesStartMesh visual guidelines
StartMesh visual guidelines
 
Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016Dropsuite Brand Identity Guidelines - 2016
Dropsuite Brand Identity Guidelines - 2016
 
Guidelines book
Guidelines bookGuidelines book
Guidelines book
 
Maher Group - Visual Standards Manual
Maher Group - Visual Standards ManualMaher Group - Visual Standards Manual
Maher Group - Visual Standards Manual
 
CARE Brand Standards Guide v3
CARE Brand Standards Guide v3CARE Brand Standards Guide v3
CARE Brand Standards Guide v3
 
iris brand guidelines 2014
iris brand guidelines 2014iris brand guidelines 2014
iris brand guidelines 2014
 
Exp Realty Brand Guidelines
Exp Realty Brand GuidelinesExp Realty Brand Guidelines
Exp Realty Brand Guidelines
 
Open To Create... Brand guidelines
Open To Create... Brand guidelinesOpen To Create... Brand guidelines
Open To Create... Brand guidelines
 

Primer Style Guide

  • 1. P R I M E R S T Y L E G U I D E
  • 2. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 2 Social Media + Primer... Primer, beginning as an idea by a group of creative people, is a company that helps businesses with their social media by creating consistent and unique messages that help them stand out. The Primer brand was inspired by businesses requesting more exposure on social media sites with creative designs and wanting more customer interaction. YOUR NEW BRANDGET INTO IT
  • 3. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 3 YOUR NEW BRANDENJOY IT
  • 4. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 4 It is important to give the PRIMER logo appropriate breathing room on any given application. The examples to the left show the acceptable area of isolation. YOUR NEW LOGOLET IT BREATHE
  • 5. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 5 BRAND COLORSTHE REAL BEAUTY BEHIND THE BRAND Purple Sunset C 80 M 90 Y 42 K 44 HEX 372245 R 56 G 34 B 69 Grey Rain C 34 M 26 Y 28 K 0 HEX ABAEAE R 172 G 175 B 174 Tree Green C 46 M 0 Y 100 K 0 HEX 94D500 R 149 G 214 B 0 50% Color Usage 30% Color Usage 20% Color Usage Purple Sunset Inspired by the deep, purple sunset sky Grey Rain Inspired by the cloudy, grey rainy day Tree Green Inspired by the lively, bright green trees
  • 6. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 6 When applying your new logo to dark photography use the white version with a drop shadow. A blending mode set to multiply with the opacity set to 75%, 0 offset and a size of 0.0694 respectively. When applying your new logo to light photography use the purple version in a light area of the photo. APPLYING YOUR LOGOTHIS IS WHEN IT GETS REAL
  • 7. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 7 PRIMARY LOGO DON'TSWHAT NOT TO DO The examples above show improper usage of the PRIMER logotype. Under no circumstances should these examples be reproduced or published. Do not alter colors of the logotype Do not alter the scale or placement of any elements within the logotype Do not outline or skew the logotype
  • 8. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 8 PHOTOGRAPHYLIFESTYLE IMAGES Primer lifestyle photography shows people that are happy, connecting, and enjoying their environment. The photo may be an abstract landscape image to help further the brand roots. Use CMYK color mode for print and RGB color mode for web. Converting a lifestyle photo to greyscale mode is acceptable.
  • 9. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 9 Now that you have the assets and materials you need to give your new brand life the very first thing you need to do is save this! Save it on your computer, put it on a virtual cloud based drive as well in case your computer blows up... it happens. Next is to get your new brand on all of your digital and print materials. Give this file to your designers, marketers or whoever is responsible for creating your customer facing materials. Remember to always use this document as the "original." People will move, skew, delete, change something as simple as your logo. Whenever you are producing something new, use the logos, colors, and other assets from this file. This will keep your brand consistent and organized. WHAT TO DO NOWPUSH IT OUT OF THE NEST AND LET IT FLY
  • 10. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 11 ARIAL MEDIUM ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 BRAND TYPOGRAPHY Helvetica is a sans-serif typeface with innovative, clean and simple characteristics that echo elements within the PRIMER logotype. Arial is only to be used for applications where Helvetica is not suitable, e.g. HTML text. Helvetica Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Bold Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Neue Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Neue Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Neue Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Neue Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 PRIMARY FAMILY / HELVETICA SUPPLEMENTAL DISPLAY FAMILY / HELVETICA NEUE SUPPLEMENTAL WEB FAMILY / ARIAL ARIAL BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL BOLD ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica can be purchased and downloaded from myfonts.com. http://www.myfonts.com/search/helvetica/ fonts/
  • 11. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 12 WEB ASSETSTYPOGRAPHY Helvetica Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Helvetica Bold Oblique ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL MEDIUM ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ARIAL BOLD ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 WEB DISPLAY FAMILY / HELVETICA SUPPLEMENTAL WEB FAMILY / ARIAL Arial is only to be used for applications where Helvetica is not suitable, e.g. HTML text. Helvetica can be purchased and downloaded from myfonts.com. http://www.myfonts.com/search/helvetica/ fonts/
  • 12. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 13 WEB ASSETSMAKE IT LOOK GOOD Header: Sunset Purple for header, buttons, and intro to topics. Title Header: Helvetica light or bold font. Font size 20-60pt. Use white font on dark background and purple or grey font on white background. Subtext: Helvetica light font. Font size 13pt. Use white font on dark background and purple or grey font on white background. Subject Spacer: Different colors separate topics. Buttons: Purple for informational selection. Green button for call to action selection. 4 2 3 1 1 2 3 3 4
  • 13. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 14 COMPLETE SITE REDESIGN
  • 14. PRIMER BRAND FOUNDATION © PRIMER. All Rights Reserved 15 IN REGARDS Thank You for following the Primer design guidelines. Using the brand base foundation is key to bringing brand identity to current and future customers.