CommonRoom Brand Style Guide

Page 1

common

r

m

Brand Style Guide

1


Table of Contents

2


Trademark Logo 6 Variations 7 Lockup 8-9 Misuse 10-11

Elements

Typography 14-15 Colors 16-17

Identity System Business Card 20 Letterhead 21 Envelope 22 Pamphlet 23


Trademark 4


Logo Variations Lockup Misuse

5


Logo

common

r

m

CommonRoom logo is written in Shree Devengari 740 regular. The link of the ‘os’ in ‘room’ represent the reciprocity of communication that occurs in CommonRoom arbringer workshops.

6


Variations Primary Logo

common

r

m

The primary CommonRoom logo is blue (r106 g182 b212) on white. Often, backgrounds are white to portray a clean feeling, so this variation is the primary usage.

Secondary Logo

common

r

m

The secondary logo is the same as the primary but with inverted colors. This variation is used only when there is the blue background.

7


Lockup

m

common m

m

m

r

m

Nothing can go inside the grey box other than the logo. That is the safe zone. The ‘m’ in ‘common’ identifies how big the safe zone is.

8

Safe Zone


The link

The CommonRoom link can be used on its own as an icon to represent the organization, specifically on stationary. If a logo is needed in a small location the link is to be represented rather than the logo. The exact measurements for small sizings are listed below:

r

1/2

1

m 1/2

2 In

The smallest dimensions of the logo is 2x1 in.

1

common

1/2

1/2

1 In

3/4

2 In

Sizing

common

r 1/2

m

1

1/2

2

1/2

3 In

The smallest dimensions of the logo including the safe zone is 3x2 in. 9


Misuse

common

r

m

Do not change the color

common

r

m

Do not change the color of individual letters

common

m

room

common

common

r

Do not rotate or morph the links

r

m

Do not change the color of the links

10

common

Do not take out the links

r

m

Do not add a dropshadow


common

r

m

Do not rezsize the links larger or smaller than the type

common

r

m

Do not allow any object in the safe zone

common

r m Do not add a second layer of text

Do not stretch or shrink the width or height of the logo

common

common

r m Do not change the typeface

r

m

Do not place text on any image

11


Elements 12


Typography Colors

13


Typography 1

Devengari Sangam MN- Bold

2

Devengari Sangam MN- Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*?

3

Quicksand- Light

14

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*?

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*?


1

Devengari Sangam MN- Bold

2

Devengari Sangam MN- Regular

3

Quicksand- Light

Devengari Bold is used for titles and subheads. Never use bold or capital letters for body text. Remember the purpose of CommonRoom and do not add unnessesary bold to prevent heaviness.

Devengari Regular is used for body text. This typeface is used on body text electronically, however it can also be used on pamplets and stationary when the text is not in long paragraph format.

Quicksand Light is used for body text of stationary. This typeface promotes a light and clean feeling that CommonRoom wants their students to feel. Often, Quicksand is used for long paragraphs.

15


Colors

1

2

3

r106 g182 b212 C=56 M=12 Y=10 K=0 hex #6AB6D4

r106 g182 b212 70% C=27 M=3 Y=5 K=0 hex #B5DAE9

r255 g255 b255 C= 0 M=0 Y=0 K=0 hex #ffffff

4

5

6

r0 g0 b0 C= 75 M=68 Y=67 K= 90 hex #000000

r169 g169 b169 C= 64 M=56 Y=53 K= 28 hex #696969

r211 g211 b211 C= 26 M=20 Y=20 K= 0 hex #D3D3D3

16


1 3 5

Hue #1 is used for CommonRoom logo and design elements. Either the text of the logo is blue with white background, or vice versa.

Hue #3 is used in the logo either as the text on hue #1 or vice versa. The background should be this color the majority of the time.

Hue #5 is used as body text and design elements. Because it is used for body text, do not overuse in design elements.

2

Hue #2 is used for design elements. Whether it be electronically or on stationary, this is a secondary color used for design.

4

Hue #4 is used for textual emphasis on some titles and headings. This color is avoided as a design element to avoid designing too dark.

6

Hue #6 is used as design elements and secondary text, such as captions, minute textual details, or design elements 17


Identity System 18


Business Card Letterhead Envelope Pamphlet

19


Business Card

r

m

3.5 in

MADELINE TSCHIRKI T 808-4517-8900 W commonroom.com E commroom@gmail.com 9F Tokyodo Nishikicho Building, 3-7-2 Kanda Nishikicho, Chiyoda-ku, Tokyo, 101-0054

20

Logo is centered 2 in

common

Blue border has a stroke of .5

Quicksand- light, uppercase, size 8 Devengari- regular, size 7, 7 leading


Letterhead Margins are 2 in

common

r

m

Quicksand- light, size 7

10.08.2019

Dear Parents, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Sincerely,

9F Tokyodo Nishikicho Building, 3-7-2 Kanda Nishikicho, Chiyoda-ku, Tokyo, 101-0054 | 808-4514-8900 | commroom@gmail.com

8.5 in

11 in

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Quicksand- light, size 12, 12 leading

Blue border has a stroke of .5 Quicksand- light, size 7, 7 leading

21


Envelope 1 in margins

common

r

m

9F Tokyodo Nishikicho Building, 3-7-2 Kanda Nishikicho, Chiyoda-ku, Tokyo, 101-0054

Blue border has a stroke of .5

8.75 in

11.5 in

Quicksand, light, size 7, 7 leading 22


Pamphlet Our teachers love their students! They are aware of your need and want the best for you. They are not only trained counselors, but they are also hand chosen as young adults which can help with relatability amongst teacher student relationship.

To contact a specific teacher, go to commonroom.org and click on the ‘Contact’ tab.

@commonroom contact@commonroom.com 465-463-7809 commonroom.org

common

r

m

Japan Suicide Hotline +81 (0) 3 5286 9090

6 in

6 in

Contact Us

Only high quality photos allowed

All body text in Devengari, size varies

6 in

What is CommonRoom? About

CommonRoom is an English arbringer workshop for students in Japan.

Purpose

CommonRoom’s goal is to decrease teenage student suicide rate in Japan.

English

The workshops are English speaking only. This can open opportunities for students as they apply for future jobs.

Parents

CommonRoom has a goal of increasing open communication and trust between parent and child.

CommonRoom Schools in Tokyo Aoyama Gakuin Den Enchofu High School Horikoshi High School KAIS International School Mizuho Nogei High School Musashino Joshi Gakuin

The teenage Japanese suicide rate is at an all time high. CommonRoom is here to change that.

Headings are Devengari, bold, size varies

Oshima High School

Activities

From team building games to crafts, CommonRoom has a variety of activites!

Get Involved

On commonRoom.org, click on the ‘contact’ tab and follow the instructions there!

Roppongi High School Toyko High School Tokyo Korean School Waseda High School Yokota High School

23


commonroom.org


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.