CNH KIWIN'S Graphic Standards Manual UPDATED

CNH KIWIN’S GRAPHIC STANDARDS MANUAL UPDATED JULY 2015

2015-2016

CONTENTS BRANDING

Why it is important

FONTS

Primary Serif/Primary San Serif/Alternative San Serif/

Alternative Serif/Display, Font Rules

1 2-4

LOGO 5-11

Wordmark, Wordmark Rules, Seals, Seal Rules, Kiwanis SLP, Examples CO-BRANDING

UNICEF, Eliminate Project COLORS

Color Codes+Additional Colors GRAPHIC ELEMENTS

Scribble/Solid Pencils, Borders, Doodles

12

13-14

15

PHOTOGRAPHY

Rules, Examples

16-17

FILES

EPS, JPG, PNG, Color Codes

18-19

BRANDING

Why it is important Question. What do you think of when people mention company names? Their logos, right?

That’s exactly the purpose of Key Club Graphic Standards. It is a type of branding and marketing that the K-Family does in order to help people in and out of the K-Family recognize the organization’s products.

In order for KIWIN’S to become stronger and identify with the other districts, Key Club Graphic Standard is something that is extremely vital in creating that connection.

1

FONTS

Goud Old S

Myriad Pro Primary Serif

Alternate Serif

Garamound Premier Pro

RULES

Primary Sans Serif

2

Verd Alternate Sans Serif

1. Don’t disfigure the font by stretching it. Hold down SHIFT and drag to maintain integrity of font.

2. You can use another display font if you don’t want to buy the Abril typeface.

3. KCI states that no more than 10% should be display fonts.

dy Style

Century Gothic Alternate Sans Serif

NEW

dana Optional Display Font

4. If you want to be in any district executive positions in the future, these fonts are required; however, using a different display font will not result in a point deduction.

5. Keep the publication fonts up to two different fonts. We don’t want clutter.

3

FONTS//EXAMPLES EXAMPLE 1

Headline/Header

Myraid Pro-48pt Myraid Pro Bold-14pt

Title

Body-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus posuere ligula, vitae luctus augue lobortis at. Pellentesque facilisis magna sit amet nunc lacinia, vel maximus justo convallis. Sed vitae nunc neque. Curabitur vel viverra nibh. Sed consectetur nisi nec sem accumsan, sit amet elementum felis luctus. Vivamus vitae sapien eget mauris porta feugiat nec quis ligula. Donec mattis non libero non tincidunt. In elementum, ante sit amet bibendum aliquet, lectus odio convallis ante, non luctus mi enim ac mi. Curabitur fringilla porttitor viverra. Maecenas metus ipsum, cursus vitae neque sit amet, gravida ornare justo. Vivamus placerat luctus nisl vel tempor.

Garamound Premier Pro-12pt

EXAMPLE 2

Headline/Header Title

Century Gothic-48pt

Century Gothic Bold-14pt

Body-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus posuere ligula, vitae luctus augue lobortis at. Pellentesque facilisis magna sit amet nunc lacinia, vel maximus justo convallis. Sed vitae nunc neque. Curabitur vel viverra nibh. Sed consectetur nisi nec sem accumsan, sit amet elementum felis luctus. Vivamus vitae sapien eget mauris porta feugiat nec quis ligula. Donec mattis non libero non tincidunt. In elementum, ante sit amet bibendum aliquet, lectus odio convallis ante, non luctus mi enim ac mi. Curabitur fringilla porttitor viverra. Maecenas metus ipsum, cursus vitae neque sit amet, gravida ornare justo. Vivamus placerat luctus nisl vel tempor.

Garamound Premier Pro-12pt

SERIF AND SANS SERIF

4

K

Serif fonts have a ‘tail’ at the end. Fun fact: the ‘tail’ is called a serif in typography.

K

Sans serif fonts have no serifs and are considered stable fonts because of the lack of differentiation in stroke pressures.

RULES

LOGO//WORDMARK

1. Don’t disfigure the wordmark. Hold down SHIFT and drag to make the wordmark smaller or bigger.

2. In order to maintain integrity of wordmark, keep the file as is. Don’t add additional design on it.

5

LOGO//WORDMARK USES

K This is called “K-space”.

It’s mainly a rule because we don’t want to have cluttered publications. To know your “K-space”, take the height of the “K” and make sure the space is all around.

6

KEEP

IN MIND 1. Spacing. “K-space” which is the height of the “K” of your wordmark.

2. There are multiple uses for the workmark. It can be horizontal, stacked, or vertical.

3. The preferred colors for the workmark is blue, white, and black.

Minimum print size-1.25 inches wide Minimum web size- 90 pixels wide

7

RULES

LOGO//SEALS

8

1. Don’t disfigure the seal. Hold down SHIFT and drag to make bigger or smaller.

2. Make sure to put the Key Club International Seal along with our CNH KIWIN’S Seal in any document and publications.. Even merchandise like tshirts.

3. Make sure to have correct spacing to avoid clutter. (reference above)

RULES

LOGO//KIWANIS SLP

1. Key Club wordmark should be more apparent compared to the Kiwanis SLP logo. For example, the Key Club wordmark can be bigger or in front while the Kiwanis SLP logo can be smaller or in the back of a publication (brochure).

2. Don’t place the Kiwanis SLP logo next to the Key Club wordmark.

3. Use the Kiwanis logo on official documents (any district projects, events, etc).

9

LOGO//EXAMPLE EXAMPLE 1-FLYER

This can be about your fundariser, event, etc and the club name.

The body can be the time, place, price, purpose etc.

Here, place the seals of CNH KIWIN’S and Key Club International.

10

EXAMPLE 2-BROCHURE

FRONT

BACK

11

CO-BRANDING

supported by

FACTS

90% black

12

1. Through 2020, any funds raised through the Kiwanis family for UNICEF would be donated to the Eliminate Project.

2. Therefore, UNICEF and Eliminate is co-branded as supported

by Key Club.

COLORS Pantone Pantone Pantone Pantone 382 GREEN 295 BLUE CYAN BLACK CMYK 0/0/0/100

CMYK 100/70/0/40

CMYK 100/0/0/0

CMYK 29/0/100/0

RGB 35/31/32

RGB 0/47/95

RGB 0/174/239

RGB 193/216/47

HEX 231f20

HEX 003366

HEX 00aeef

HEX c1d82f

Pantone Pantone Pantone Pantone 158 ORANGE 463 BROWN 187 RED MAGENTA CMYK 0/61/97/0

CMYK 30/56/100/37

CMYK 0/100/79/20

CMYK 0/100/0/0

RGB 245/128/47

RGB 128/86/27

RGB 196/18/48

RGB 236/0/140

HEX f58025

HEX 80561b

HEX c41230

HEX ec008c

Pantone PURPLE

CMYK 38/88/0/0 RGB 165/67/158 HEX bc34ba

Pantone 122 YELLOW

CMYK 0/17/80/0 RGB 255/210/79 HEX fed450

13

COLORS

CMYK 60/23/91/5 RGB 115/152/73 HEX 729849

CMYK 56/38/22/0 RGB 126/144/170 HEX 7d90aa

CMYK 2/31/100/0 RGB 247/180/26 HEX f6b419

CMYK 24/13/98/0 RGB 203/196/46 HEX cbc42d

CMYK 28/86/100/27 RGB 145/56/31 HEX 91381e

GRAPHICS

There were also 2 new elements-a new pencil and a multi-color solid pencil. However, KCI did not put those files up yet.

15

PHOTOGRAPHY Pictures can be found here.

16

RESOLUTION MEDIUM RESOLUTION

HIGH RESOLUTION

PIXELS 3600X2400 RESOLUTION 600 ppi FILE 20MB +

SCREEN 4X6

PIXELS 900X600 RESOLUTION 150 ppi FILE 1.5MB OR LESS

PIXELS 1800X1200 RESOLUTION 300 ppi FILE 5MB +

RULES

PRINTING 4X6

PIXELS 1800X1200 RESOLUTION 300 ppi FILE 5MB +

1. Composition-keep the background clean to enable the audience to easily view the subject of the picture.

2. Lighting-you can always adjust the settings on your DSLR camera but good lighting is a plus for a better picture with less noise and thus less time during the editing process.

3. Message-relay what you want to show through the image. (ex. the event, people who are enjoying the event, etc).

17

TIPS

FILES

EPS is now replaced by PDF. However, many Adobe programs still support the EPS format. Many clothes screen printer companies now ask for PDF files but you can always check what they want.

EPS

Encapsulated Postscript -useful for screen printing or tshirt priniting.

-is replaced by PDF -high-resolution -vector based

JPG

PNG

Joint Photographic Experts Group -useful for anything image based (ppts, flyers, posters etc.)

-medium resolution but can bump it up to 300 ppi -pixel based

Portable Network Graphics -useful for anything image based (ppts, websites, graphics on social media) -transparent background factor -lossless data compression compared to jpg

19

ANDREA HU DISTRICT BULLETIN EDITOR KIWINS.DBULED@GMAIL.COM 626.400.3983