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