LOGOS
Note: The Skills First Future logo should never appear without Powered by SHRM Foundation.
Color Treatments:
Primary
Knockout
White
Black & White
Logo Variations
The top (Skills First Future) and bottom (Powered by SHRM Foundation) logo elements can run independently from one another in order to increase their scale and improve legibility in smaller design formats.
COLOR PALETTE
Primary Colors
Blue
RGB: 0, 118, 190
CMYK: 90, 48, 0, 0
PANTONE: 285 C
HEX: #0076BE
Melon
RGB: 242, 106, 66
CMYK: 0, 73, 80, 0
PANTONE: 1645 C
HEX: #F26A42
Navy
RGB: 27, 60, 105
CMYK: 99, 83, 33, 21
PANTONE: 534 C
HEX: #1B3C69
Secondary Colors
LEMON
RGB: 251, 181, 51
CMYK: 0, 32, 90, 0
PANTONE: 143 C
HEX: #FBB533
OLIVE
RGB: 167, 171, 32
CMYK: 14, 0, 95, 30
PANTONE: 7745 C
HEX: #A7AB20
PLUM
RGB: 139, 19, 119
CMYK: 38, 100, 0, 20
PANTONE: 7649 C
HEX: #8B1377
Typography
Graphical Elements
Right Directional Arrows
Right directional arrows can be placed over at (primary) colored boxes. Semi-transparent gray box overlays can be used as a background for the “Powered by SHRM Foundation logo”.
Note: The arrow can appear in any of the primary or accent colors.
Photography
Photo Treatment - Single
Full color gure silhouettes are placed over tinted backgrounds, partially extending out over the edge onto white or at colored backgrounds.
Photo Treatment - Group
Full color gure silhouettes are placed over tinted backgrounds, partially extending out over the edge onto white or at colored backgrounds.
Note: When the image is not conducive to cutting out the figures, a tinted overlay can be placed over a portion of the full frame color image to give a similar effect.
Key Visual Examples
Key Visual - Single
Note: The arrow should never touch or go across the figure. The arrow should always be positioned to separate the main text from the Powered by SHRM Foundation logo.