The Magic Behind Art Of Design

Logo Symbol

The logo is the most visible element of our identity– a universal signature across all GoodHire communications. Because the logo is such a recognizable and highly visible brand asset, it is vital that it is always applied consistentlywherever it appears.

Horizontal
Vertical
GoodHire Logo
GoodHire Logo
Black
Black
GoodHire Logo
GoodHire Logo
White
White
GoodHire Logo
GoodHire Logo

Logo Clear Space

The clearspace of the logo is based on the horizontal space of the “o” and allows for ample breathing room when used.

To ensure legibility the GoodHire logo shouldnot be reproduced any smaller than the specified minimum sizes shown.

GoodHire Logo
GoodHire Logo

Logo Reverse

GoodHire Logo
GoodHire Logo

Logo "G" Mark

logoG.png
GoodHire Logo
GoodHire Logo

Logo do not

The logo should aways be reproduced from the master artwork. It should never be altered, redrawn or manipulated in anyway.

  • Don’t apply effects onto the logo
  • Don’t change the color of the logo
  • Don’t stretch the logo
  • Don’t rotate or crop the logo
  • Don’t mask photos into the logo
  • Don’t change the font for logo color combinations
  • Don’t invert the logo
  • Don’t outline the logo
  • Don’t place colored logo on dark background
  • Don’t place logo on colored background orgraphic elements
  • Don’t fill with secondary color
  • Don’t place white logo on light colored backgrounds
  • logoDoNot1.png
  • logoDoNot2.png
  • logoDoNot3.png
  • logoDoNot4.png
  • logoDoNot5.png
  • logoDoNot6.png
  • logoDoNot7.png
  • logoDoNot8.png
  • logoDoNot9.png
  • logoDoNot10.png
  • logoDoNot11.png
  • logoDoNot12.png

Color Palettes

Color plays an important role in our identity. To best display the distinct roles color plays in GoodHire’s website, we’ve separated the palette into three distinct parts.

Brand

At the core brand level, we primarily use GH Geen and GH Blue. These colors define our brand and make our products immediately recognizable. All other colors within the GH palette stem from these two shades. Because GH Green and GH Blue will appear on printed collateral, Pantone Colors, CMYK values, and varying opacities are included.

GH Green

PANTONE 362 C

  • CMYK54 | 1 | 97 | 0
  • RGB130 | 193 | 73
  • HEX82C149
  • 20%
  • 40%
  • 60%
  • 80%
GH Blue

PANTONE 533 C

  • CMYK77 | 68 | 46 | 34
  • RGB62 | 68 | 86
  • HEX3E4456
  • 20%
  • 40%
  • 60%
  • 80%

Illustrations

The final palette is designed for illustrations. It provides an increased array of tints, shades, and accents beyond the primary and secondary sets, such that any illustrations can achieve the desired amount of depth and complexity.

Greens
#E1EDD4

#82C149

GH Green

#6CA635

#40803C

Blues
#CAE0EE

#97B9D2

#7A9EB9

#708EAC

#67819F

#546886

#445675

#282F41

Grays
#FAFAFA

#F2F2F2

#E6E6E6

#C8C8C8

#AAAAAA

#848484

#5B5B5B

#2B2B2B

Yellows
#FAECBC

#F3B72C

#D29F2A

Typography

GoodHire uses two main typefaces—Gotham and Source Sans Pro—in a variety of sizes and weights. Gotham is mainly used for headlines, module headers, and buttons. Source Sans Pro is used for sub-headlines, paragraphs, form fields, and quotes.

Aa

Gotham

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789(!@#$%&.,?:;)

Realigned equestrian fez
bewilders picky monarch

Aa

Source Sans Pro

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789(!@#$%&.,?:;)

Realigned equestrian fez
bewilders picky monarch

Iconography

GoodHire uses line icons that follow the 8px grid system. Icons are typically used when a visual marker is needed in space that either cannot fit or does not warrant a full illustration. All assets for icons are leveraged from the Streamline Icon Set.

Icons

GoodHire uses single and dual colored icons. Single colored icons are used in a variety of UX/UI colors specified in the icon assets AI file. Dual icons use the GH green and regular blue. and are usually used on larger icons.

Add user

Illustrations

Illustrations are a crucial part of the GoodHire brand, allowing for a visual representation of written concepts. This combination of written and visual elements helps cement GoodHire’s values and increase understanding of GoodHire’s product.

Illustrations

GoodHire Illustrations are bold, bright, and geometric. They use the extended Illustration Color palette.

HR Rep
Filter Report
Flexible
Mandala
Three People
California

Devices

GoodHire uses devices that are clean, modern, and representative of the latest technology. They are used to showcase aspects of GoodHire’s product as it would appear on screen.

GoodHire Laptop
GoodHire iPad
GoodHire iPhone

Illustrations + Devices

Illustrations and devices can be used in tandem to address concepts that require both to adequately explain the point in question.

Illustration and iPhone
Illustration and iPad
Illustration and Laptop