Skip to main content

Skills First Future White
  • LOGO
  • COLORS
  • TYPOGRAPHY
  • ELEMENTS
  • PHOTOGRAPHY
  • VISUALS
  • Download Full Guide
  • More
Download Full Guide

LOGOS

Note: The Skills First Future logo should never appear without Powered by SHRM Foundation.


Color Treatments:

Primary
Skills First Future Color
Knockout
Skills First Future Knockout
White
Skills First Future White
Black & White
Skills First Future B&W
Skills First Future White
Skills First Future 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.

Skills First Logo Variation Example
Skills First Logo Variation Example Layouts

Download Skills First Logos

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

Typography Hierarchy Examples
Download Fonts

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”.

Graphical Element Arrow Dark Blue
Graphical Element Arrow Melon
Graphical Element Arrow Blue

Note: The arrow can appear in any of the primary or accent colors.

Photography

Male Worker in Hard Hat
Employees Discussing Work
Happy Female Worker
Happy Male Worker in Hard Hat
Employees Collaborating on a Project or Chart
Female Worker in Hard Hat
Worker Laying Rebar at Construction Site
Employees Shaking Hands
Workers Collaborating
Download All Photos
Download PSD's

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 Single Melon
Photo Treatment Single Blue

Photo Treatment - Group

Full color gure silhouettes are placed over tinted backgrounds, partially extending out over the edge onto white or at colored backgrounds.

Photo Treatment Group Melon
Photo Treatment Group Blue
Photo Treatment Group Tinted

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.

Key Visual Example Blue
Key Visual Example Blue Full Width
Key Visual Example Melon
Key Visual Example Melon Full Width

Photo Treatment - Group & Overlay

Key Visual Example Groups Blue
Key Visual Example Blue Overlay
Key Visual Example Group Melon
Key Visual Example Melon Overlay