Canon Production Solutions
Design Guidelines
CANON PRODUCTION SOLUTIONS
Style Guide
CAMPAIGN HEADLINE TREATMENT SPACING
COLOR PALETTE:
Canon Red
Pantone: 186C
CMYK: 005:100:100:005
Charcoal
Pantone: 447C
CMYK: 055:039:038:083
56
Pantone: Cool Gray 11 PC
CMYK: 048:036:024:066
Darmstadtium
Pantone: Cool Gray 2 PC
CMYK: 005:003:004:008
Qwhite
Pantone: Warm Gray 1 PC
CMYK: 002:003:004:005
RGB: 250:000:030
Web: #CC0000
RGB: 034:034:034
Web: #222222
RGB: 085:085:085
Web: #555555
RGB: 221:221:221
Web: #DDDDDD
RGB: 238:238:238
Web: #EEEEEE
CANON PRODUCTION SOLUTIONS
Typography + Quote Treatment
TYPOGRAPHY AND STYLES
QUOTE TREATMENT
If Job Title and Company Name are too long, the two can be split up on two lines.
HEADLINE
Top-down shot, copy in center of image:
Whitney HTF; Semibold Italic
“
HEADLINE ALT
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Whitney HTF; Medium Italic
”
JOHN SMITH
Job Title
Company Name
Quotes
Adobe 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.
Body copy
Whitney HTF; Book
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 Title at Company Name
CALL TO ACTION
Gotham HTF; Medium
CTA GOES HERE
”
CANON PRODUCTION SOLUTIONS
Logo Lockup (on white)
Horizontal Lockup
A
PRODUCTION SOLUTIONS
B
A/10
A
6
C
2B
A
6
Vertical Lockup (preferred)
A
B
C
PRODUCTION SOLUTIONS
ALT (given size/placement restrictions)
C
TYPOGRAPHY
PRODUCTION SOLUTIONS
Myriad Pro; Italic; Tracking = 0
Color: 56
Horizontal Lockup - Line Gradient on White
A
B
PRODUCTION
SOLUTIONS
A/10
C
Position
0
A/10
C
50
Color
100% White; 0% Opacity
56; 100% Opacity
A/20
C
100
100% White; 0% Opacity
CANON PRODUCTION SOLUTIONS
Logo Lockup (on black)
Horizontal Lockup
A
PRODUCTION SOLUTIONS
B
A/10
A
6
C
2B
A
6
Vertical Lockup
A
B
C
PRODUCTION SOLUTIONS
C
TYPOGRAPHY
PRODUCTION SOLUTIONS
Myriad Pro; Italic; Tracking = 0
Color: 100% White
ALT (given size/placement restrictions)
Horizontal Lockup - Line Gradient on White
A
B
PRODUCTION
SOLUTIONS
A/10
C
Position
0
A/10
C
50
Color
100% White; 0% Opacity
56; 100% White; 100% Opacity
A/20
C
100
100% White; 0% Opacity
CANON PRODUCTION SOLUTIONS
Gradient 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 SOLUTIONS
Gradient Colors
File name: 237946_01d_SHOT_01_B_20_swop3v2.tif
File name: 237954_01b_SHOT_03_B_V2_106_swop3v2.tif
Pantone: 363C
CMYK: 086:026:100:015
RGB: 026:124:000
Web: #1a7c00
File name: 237948_01c_SHOT_01_C_368_swop3_v2.tif
Pantone: 561C
CMYK: 089:039:062:022
RGB: 000:104:096
Web: #006860
File name: 237956_01g_MASTER_SHOT_03_C_337_swop3v2.tif
Pantone: 7453C
CMYK: 049:028:000:000
RGB: 129:164:216
Web: #81a4d8
File name: 237951_01d_SHOT_02_B_71_swop3v2.tif
Pantone: 7413C
CMYK: 011:065:100:001
RGB: 218:115:038
Web: #da7326
File name: 237952_01c_SHOT_02_C_V3_407_swop3_v2.tif
Pantone: 7621C
CMYK: 019:099:089:009
RGB: 187:034:047
Web: #bb222f
Pantone: 7703C
CMYK: 076:018:007:000
RGB: 000:162:208
Web: #00a2d0

COP-5555 Programming Language Principles, Summer

Requirement