Upload
ngoanh
View
242
Download
6
Embed Size (px)
Citation preview
Canon Production SolutionsDesign Guidelines
CANON PRODUCTION SOLUTIONSStyle Guide
Canon RedPantone: 186CCMYK: 005:100:100:005
RGB: 250:000:030 Web: #CC0000
CharcoalPantone: 447CCMYK: 055:039:038:083
RGB: 034:034:034Web: #222222
56Pantone: Cool Gray 11 PCCMYK: 048:036:024:066
RGB: 085:085:085 Web: #555555
DarmstadtiumPantone: Cool Gray 2 PCCMYK: 005:003:004:008
RGB: 221:221:221 Web: #DDDDDD
QwhitePantone: Warm Gray 1 PCCMYK: 002:003:004:005
RGB: 238:238:238 Web: #EEEEEE
COLOR PALETTE:
CAMPAIGN HEADLINE TREATMENT SPACING
CANON PRODUCTION SOLUTIONSTypography + Quote Treatment
HEADLINE
Whitney HTF; Semibold Italic
HEADLINE ALTWhitney HTF; Medium Italic
Body copyWhitney HTF; Book
CALL TO ACTION
Gotham HTF; Medium
CTA GOES HERE
If Job Title and Company Name are too long, the two can be split up on two lines.
Top-down shot, copy in center of image:
All other images should use left-aligned quotations with hanging quotation marks:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
“
”JOHN SMITH
Job TitleCompany Name
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
“”JOHN SMITH
Job Title at Company Name
TYPOGRAPHY AND STYLES QUOTE TREATMENT
QuotesAdobe Garamond Pro; Italic
Quotation Marks: Adobe Garamond Pro; Bold Italic - large part of quotation marks should be the x-height of the quotation.
Lorem ipsum dolor sit amet. “ ”
CANON PRODUCTION SOLUTIONSLogo Lockup (on white)
Horizontal Lockup
A
A/10
A6
A6
B 2BCPRODUCTION SOLUTIONS
Vertical Lockup (preferred)
A/10
B
PRODUCTION SOLUTIONSC
C
A
ALT (given size/placement restrictions)
B
PRODUCTIONSOLUTIONS
C
C
C
A/10
A/20
A
TYPOGRAPHY
PRODUCTION SOLUTIONSMyriad Pro; Italic; Tracking = 0Color: 56
Horizontal Lockup - Line Gradient on White
Position Color100% White; 0% Opacity
100% White; 0% Opacity
56; 100% Opacity
0
50
100
CANON PRODUCTION SOLUTIONSLogo Lockup (on black)
Horizontal Lockup
A
A/10
A6
A6
B 2BCPRODUCTION SOLUTIONS
Vertical Lockup
A/10
B
PRODUCTION SOLUTIONSC
C
A
TYPOGRAPHY
PRODUCTION SOLUTIONSMyriad Pro; Italic; Tracking = 0Color: 100% White
Horizontal Lockup - Line Gradient on White
Position Color100% White; 0% Opacity
100% White; 0% Opacity
56; 100% White; 100% Opacity
0
50
100
ALT (given size/placement restrictions)
B
PRODUCTIONSOLUTIONS
C
C
C
A/10
A/20
A
CANON PRODUCTION SOLUTIONSGradient Treatment & Layout - Overview
Gradients should utilize a vibrant color from the
artwork/photography. It’s selection depends upon the
surrounding artwork and gradient as well if there is
more than one image present with a similar gradient or
color scheme. For example, sections 05 and 06 in the
“Microsite Reference” have artwork that is predominantly
blue. Because section 06 has more colors to choose
from, a vibrant green is selected.
A gridded, square layout (see Print Ad Reference) is the
primary style when using gradients and photography.
The use of triangles to connect various sections is
depends on the relationship of the pieces. If they are
related, as in the “Productivity” section of the microsite
(see Microsite Reference), the use of triangles to help
connect the sections and improve the flow of the layout
is recommended.
All gradients move from the selected color at the top to
100% black at the bottom.
Print Ad Reference Microsite Reference
CANON PRODUCTION SOLUTIONSGradient Colors
Pantone: 363CCMYK: 086:026:100:015RGB: 026:124:000 Web: #1a7c00
File name: 237946_01d_SHOT_01_B_20_swop3v2.tif
Pantone: 7453CCMYK: 049:028:000:000RGB: 129:164:216 Web: #81a4d8
File name: 237948_01c_SHOT_01_C_368_swop3_v2.tif
Pantone: 7621C CMYK: 019:099:089:009RGB: 187:034:047 Web: #bb222f
File name: 237951_01d_SHOT_02_B_71_swop3v2.tif
Pantone: 561CCMYK: 089:039:062:022RGB: 000:104:096 Web: #006860
File name: 237954_01b_SHOT_03_B_V2_106_swop3v2.tif
Pantone: 7413CCMYK: 011:065:100:001RGB: 218:115:038 Web: #da7326
File name: 237956_01g_MASTER_SHOT_03_C_337_swop3v2.tif
Pantone: 7703CCMYK: 076:018:007:000RGB: 000:162:208 Web: #00a2d0
File name: 237952_01c_SHOT_02_C_V3_407_swop3_v2.tif