COMMUNITY ENGAGEMENT CENTER Style Guide
COMMUNITY ENGAGEMENT CENTER Style Guide
Table of Contents
Introduction 3 Logo Proportions
4
Color & Typography
5
Logo 6 Logo Use
11
Mockups 12 Layout 13 Don’ts 14
2
Introduction
Introduction Serve. Learn. Gain experience. Make a difference. These four simple phrases accurately describe the vision and philosophy of the Community Engagement Center. Having completed a recorded 197,000 hours of service last year, the CEC has made a name for itself as an organization that helps thousands of people in the Cedar City community. As a center that is continually growing and attracting not only the community, but students and children as well, it is important that its branding and design reflect just that. By combining simple, yet interesting shapes and eye-catching colors and text, these simple logos and logotypes become translatable across all of the CEC’s programming and create a unique identity that is stands on its own among other centers and programs found at Southern Utah University.
Intro | 3
Logo Proportions 100%
Capital Letter “i”
70% 100% Capital Letter “i”
30%
Example:
72pt
tutoring 4 | Logo Proportions
30pt
Color & Typography
C63 M0 Y23 K0
C0 M48 Y100 K0
C6 M15 Y98 K0
C0 M0 Y0 K100
C0 M0 Y0 K0
#4CC3C9
#F8971C
#F1CE19
#00000
#FFFFFF
R76 G195 B201
R248 G151 B28
R241 G206 B25
R35 G31 B32
R255 G255 B255
UNIVERS
univers
59 Ultra Condensed All Caps
45 Light All Lowercase
ABCDEFGHIJ KLMNOPQRS TUVWXYZ
abcdefghij klmnopqrst uvwxyz Color & Typography | 5
Logos
6 | Logos
Logos | 7
8 | Logos
Logos | 9
10 | Logos
Logo Use
Margins
Icon Placement What goes where Icon on top
Icon to the side
Smallest Use of An Icon
Title on top and left/center
Lengthy program text is placed above text; If involves the name. If the subtext is large it can span the large text. If its small it is set to the left.
Sub text bottom left
Lengthy descriptive text is blow and to the left of the text but only if it describes the program
When stacked the logos can be no smaller then .75in�
When the logo is to the side it can be no smaller then .35in�
Logo Use | 11
Mockups
12 | Mockups
T Shirts
Layouts
PROGRAM NAME PROGRAM NAME
sub text
PROGRAM
PROGRAM sub text
Poster
sub text
PROGRAM
Stationery & Waivers
Flier Indicates graphic Layouts | 13
Logo Don’ts Mockups
14 | Logo Don’ts
Logo Don’ts | 15