Mt. Hope Learning Center Style Guide
description
Transcript of Mt. Hope Learning Center Style Guide
![Page 1: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/1.jpg)
MOUNT HOPELEARNING CENTERSusie So | 2013susie.com, [email protected] 827 1726
![Page 2: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/2.jpg)
![Page 3: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/3.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/4.jpg)
![Page 5: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/5.jpg)
![Page 6: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/6.jpg)
![Page 7: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/7.jpg)
BRAND MESSAGING
![Page 8: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/8.jpg)
![Page 9: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/10.jpg)
![Page 11: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/11.jpg)
![Page 12: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/12.jpg)
![Page 13: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/13.jpg)
![Page 14: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/14.jpg)
![Page 15: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/15.jpg)
Before After
![Page 16: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/16.jpg)
![Page 17: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/18.jpg)
![Page 19: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/20.jpg)
BUSINESS CARD & STATIONERY
![Page 21: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/21.jpg)
![Page 22: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/22.jpg)
![Page 23: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/23.jpg)
POSTER DESIGN
![Page 24: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/24.jpg)
![Page 25: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/25.jpg)
WEBSITE
![Page 26: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/26.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/27.jpg)
![Page 28: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/28.jpg)
PATTERNS
![Page 29: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/29.jpg)
![Page 30: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/30.jpg)
APPLIED DESIGN
![Page 31: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/31.jpg)
![Page 32: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/32.jpg)
![Page 34: Mt. Hope Learning Center Style Guide](https://reader033.fdocuments.us/reader033/viewer/2022052704/568c4e711a28ab4916a7ee4d/html5/thumbnails/34.jpg)