huron-clinton metroparks - style guide

9
2012 REBRANDING CAMPAIGN AND DESIGN GUIDELINES This is a rough cover design and meant only for placement. ProctorD_10.2.2Project_styleguide.indd 1 10/4/12 6:41 PM

Upload: darrin-proctor

Post on 06-Mar-2016

243 views

Category:

Documents


2 download

DESCRIPTION

Style Guide section of Huron-Clinton Metroparks Project Book by Darrin Proctor. This is Design A.

TRANSCRIPT

Page 1: Huron-Clinton Metroparks - Style Guide

2 0 1 2 R E B R A N D I N G C A M P A I G N A N D D E S I G N G U I D E L I N E S

This is a rough cover design and meant only for placement.

ProctorD_10.2.2Project_styleguide.indd 1 10/4/12 6:41 PM

Page 2: Huron-Clinton Metroparks - Style Guide

20

H U R O N - C L I N T O N M E T R O P A R K S P R O J E C T B O O K

STYLE GUIDE 3 .ZERO

3 . Z E R OProctorD_10.2.2Project_styleguide.indd 20 10/4/12 6:41 PM

Page 3: Huron-Clinton Metroparks - Style Guide

21

TA B L E O F C O N T E N T S

3.1 Company Values 22

3.2 Brand Standards 23

3.3 Logo Standards 24-25

3.4 Color Palette / Typography 26-27

3.5 Toolbox / Textures 26-27

3.6 Photo Gallery 28-29

3.7 Print / Web Guidelines 30-31

3.8 Interactive Media 32-33

3.9 Signage / SWAG 34-35

3 . Z E R OProctorD_10.2.2Project_styleguide.indd 21 10/4/12 6:41 PM

Page 4: Huron-Clinton Metroparks - Style Guide

22

H U R O N - C L I N T O N M E T R O P A R K S P R O J E C T B O O K

3 . 1

Sed ut perspiciatis unde omnis iste natus

error sit voluptatem accusantium doloremque

laudantium, totam rem aperiam, eaque ipsa

quae ab illo inventore veritatis et quasi architecto

beatae vitae dicta sunt explicabo. Nemo enim

ipsam voluptatem quia voluptas sit aspernatur

aut odit aut fugit, sed quia consequuntur

magni dolores eos qui ratione voluptatem

sequi nesciunt. Neque porro quisquam est, qui

dolorem ipsum quia dolor sit amet, consectetur,

adipisci velit, sed quia non numquam eius modi

tempora incidunt ut labore et dolore magnam

aliquam quaerat voluptatem. Ut enim ad

minima veniam, quis nostrum exercitationem

ullam corporis suscipit laboriosam, nisi ut

aliquid ex ea commodi consequatur? dolorem

eum fugiat quo voluptas nulla pariatur?

C O M PA N Y VA L U E S

3 . 1ProctorD_10.2.2Project_styleguide.indd 22 10/4/12 6:41 PM

Page 5: Huron-Clinton Metroparks - Style Guide

23

3 . 2

B R A N D S T A N D A R D SM E T R O PA R K S B R A N D A D VA N TA G ELorem ipsum dolor sit amet, consectetur adipisicing

elit, sed do eiusmod tempor incididunt ut labore et

dolore magna aliqua. Ut enim ad minim veniam, quis

nostrud exercitation ullamco laboris nisi ut aliquip

ex ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum.

B R A N D AWA R E N E S SUt enim ad minim veniam, quis nostrud exercitation

ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur.

A R E A S O N F O R E V E R Y S E A S O NDuis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur

sint occaecat cupidatat non proident, sunt in culpa qui

officia deserunt mollit anim id est laborum.

ProctorD_10.2.2Project_styleguide.indd 23 10/4/12 6:41 PM

Page 6: Huron-Clinton Metroparks - Style Guide

26

H U R O N - C L I N T O N M E T R O P A R K S P R O J E C T B O O K

C O L O R P A L E T T E

Pantone 4645C=0 M=37 Y=68 K=28R=190 G=133 B=76

Pantone 874C=0 M=20 Y=50 K=30R=188 G=155 B=106

Pantone 7500C=0 M=2 Y=15 K=3R=247 G=238 B=212

Pantone BlackC=0 M=0 Y=0 K=100R=35 G=31 B=32

Pantone 172C=0 M=66 Y=88 K=0R=244 G=119 B=53

Pantone 292C=49 M=11 Y=0 K=0R=121 G=189 B=232

Pantone 355C=94 M=0 Y=100 K=0R=0 G=169 B=79

Pantone 7509C=0 M=20 Y=50 K=5R=241 G=197 B=134

Pantone 7409C=0 M=30 Y=95 K=0R=253 G=185 B=36

Pantone 484C=0 M=95 Y=100 K=29R=179 G=35 B=23

PRIMARY COLORS

SECONDARY COLORS

3 . 4ProctorD_10.2.2Project_styleguide.indd 26 10/4/12 6:41 PM

Page 7: Huron-Clinton Metroparks - Style Guide

27

T Y P O G R A P H YGHOST KIDABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

SWISS 924A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z

ArendahlABCDEFGHIJKLMNOPQRSTUVWXYZ

Univers LT Std 65 BoldABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Univers LT Std 55 Roman

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Univers LT 67 Condensed BoldABCDEFGHIJKLMNOPQRSTUVWXYZ

Univers LT Std 67 Bold Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Univers LT Std 57 CondensedABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Univers LT Std 57 Condensed ObliqueABCDEFGHIJKLMNOPQRSTUVWXYZ

PRIMARY HEADLINE FONTS

BODY COPY FONTS

Fonts for all headlines.Only to be used singally, and ever used in combination.

These fonts representthe basis for body copyto be used for all printcollateral and materials.

3 . 5ProctorD_10.2.2Project_styleguide.indd 27 10/4/12 6:41 PM

Page 8: Huron-Clinton Metroparks - Style Guide

28

H U R O N - C L I N T O N M E T R O P A R K S P R O J E C T B O O K

Pantone 292C=49 M=11 Y=0 K=0R=121 G=189 B=232

Pantone 355C=94 M=0 Y=100 K=0R=0 G=169 B=79

Pantone 7509C=0 M=20 Y=50 K=5R=241 G=197 B=134

Pantone 4645C=0 M=37 Y=68 K=28R=190 G=133 B=76

Pantone 874C=0 M=20 Y=50 K=30R=188 G=155 B=106

Pantone 7409C=0 M=30 Y=95 K=0R=253 G=185 B=36

Pantone 7500C=0 M=2 Y=15 K=3R=247 G=238 B=212

Pantone 484C=0 M=95 Y=100 K=29R=179 G=35 B=23

PRIMARY COLOR RANGE

SECONDARY COLOR RANGE

ORIGINAL LOGO

NEW LOGO DESIGN / COLOR

NEW LOGO / BLACK/WHITE

H U R O N - C L I N T O N M E T R O P A R K S K E Y T E N E T S : A L I V E . S T I M U L A T I N G . I N S P I R I N G . F O L L O W Y O U R S E N S E S .

NEW TAGLINE

Pantone Black UC=0 M=0 Y=0 K=100R=35 G=31 B=32

SUBHEADS

Univers STD 65 BoldUnivers LT 67 Condensed Bold

Univers LT STD 67 Condensed Oblique

BODY COPY

Univers STD 55 RomanUnivers STD 57 Condensed

Univers LT STD Oblique

HEADLINES

Ghost KidSwiss 924

A R E A S O N F O R E V E R Y S E A S O N

Pantone 172C=0 M=66 Y=88 K=0R=244 G=119 B=53

NEW LOGO VARIATIONS

T O O L B O X

H U R O N - C L I N T O N M E T R O P A R K S P R O J E C T B O O K

Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur

sint occaecat cupidatat non proident, sunt in.

ProctorD_10.2.2Project_styleguide.indd 28 10/4/12 6:41 PM

Page 9: Huron-Clinton Metroparks - Style Guide

29

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

T E X T U R E SDuis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur

sint occaecat cupidatat non proident, sunt in.

ProctorD_10.2.2Project_styleguide.indd 29 10/4/12 6:41 PM