Mt. Hope Learning Center Style Guide

34
MOUNT HOPE LEARNING CENTER Susie So | 2013 susie.com, [email protected] 443 827 1726

description

Style guide created for the Mount Hope Learning Center in Providence, RI, as part of an overall campaign created for a course "Design for Good".

Transcript of Mt. Hope Learning Center Style Guide

Page 1: Mt. Hope Learning Center Style Guide

MOUNT HOPELEARNING CENTERSusie So | 2013susie.com, [email protected] 827 1726

Page 2: Mt. Hope Learning Center Style Guide
Page 3: Mt. Hope Learning Center Style Guide

In a safe and nurturing environment, the Mount Hope Learning Center (MHLC) provides opportunities for the community to learn valuable skills, self-respect, and confidence to create better lives and productive futures.

Page 4: Mt. Hope Learning Center Style Guide
Page 5: Mt. Hope Learning Center Style Guide
Page 6: Mt. Hope Learning Center Style Guide
Page 7: Mt. Hope Learning Center Style Guide

BRAND MESSAGING

Page 8: Mt. Hope Learning Center Style Guide
Page 9: Mt. Hope Learning Center Style Guide

Initial sketches for the MHLC logo. The first designs focused on communicating the overall personality of the Learning Center. A large portion of the ideas attempted to incorporate the MHLC acronym into the design.

LOGO

Page 10: Mt. Hope Learning Center Style Guide
Page 11: Mt. Hope Learning Center Style Guide
Page 12: Mt. Hope Learning Center Style Guide
Page 13: Mt. Hope Learning Center Style Guide
Page 14: Mt. Hope Learning Center Style Guide
Page 15: Mt. Hope Learning Center Style Guide

Before After

Page 16: Mt. Hope Learning Center Style Guide
Page 17: Mt. Hope Learning Center Style Guide

COLOR PALETTE

LOGO ACCENT COLORSLOGO VARIATION

Hex: # FFE708RGB: 255, 231, 8CMYK: 0, 5, 100, 0

Hex: # F3CC30RGB: 243, 204, 48CMYK: 0, 19, 100, 0

Hex: #B7B6B0RGB: 183, 182, 176CMYK: 28, 23, 27, 0

Hex: #DF9492RGB: 223, 148, 146CMYK: 0, 51, 31, 0

Hex: #2A766FRGB: 42, 118, 111CMYK: 100, 31, 60, 13

Hex: #1E2746RGB: 30, 30, 70CMYK: 100, 89, 43,

Hex: #166993RGB: 22, 105, 147CMYK: 100, 51, 25, 4

Hex: #F3CC30RGB: 243, 204, 48CMYK: 0, 19, 100, 0

Hex: #FC2908RGB: 252, 146, 8CMYK: 0, 52, 100, 0

Hex: #AFB0AERGB: 175, 176, 174CMYK: 0, 0, 2, 36

Hex: #FFFFFFRGB: 255, 255, 255CMYK: 0, 0, 0, 0

Hex: #000000RGB: 0, 0, 0 CMYK: 0, 0, 0, 100

Hex: #DFD6D7RGB: 213, 214, 215CMYK: 15, 11, 11, 0

Page 18: Mt. Hope Learning Center Style Guide
Page 19: Mt. Hope Learning Center Style Guide

TYPOGRAPHY

Font FamiliesOnly Gill Sans MT is used for the logo and any variation of the logo. Gill Sans TT and Gill Sans MT are both for print and web use.

A. Gill Sans (TT) LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()

B. Gill Sans (TT) RegularABCDEFGHIJKLMNOPQRSTUVWYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()

C. Gill Sans MT RegularABCDEFGHIJKLMNOPQRSTUVWYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()

D. Gill Sans MT BoldABCDEFGHIJKLMNOPQRSTUVWYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()

Page 20: Mt. Hope Learning Center Style Guide

BUSINESS CARD & STATIONERY

Page 21: Mt. Hope Learning Center Style Guide
Page 22: Mt. Hope Learning Center Style Guide
Page 23: Mt. Hope Learning Center Style Guide

POSTER DESIGN

Page 24: Mt. Hope Learning Center Style Guide
Page 25: Mt. Hope Learning Center Style Guide

WEBSITE

Page 26: Mt. Hope Learning Center Style Guide

INFOGRAPHIC

Since MHLC’s main focus is on school age youth, the goal of the infographic was to stress the importance and essentiality of afterschool programs in students’ lives. The infographic also discusses the myriad of benefits that programs like MHLC provide.

Page 27: Mt. Hope Learning Center Style Guide
Page 28: Mt. Hope Learning Center Style Guide

PATTERNS

Page 29: Mt. Hope Learning Center Style Guide
Page 30: Mt. Hope Learning Center Style Guide

APPLIED DESIGN

Page 31: Mt. Hope Learning Center Style Guide
Page 32: Mt. Hope Learning Center Style Guide
Page 33: Mt. Hope Learning Center Style Guide

THANK YOU

Susie So | 2013susie.com, [email protected] 827 1726

Page 34: Mt. Hope Learning Center Style Guide