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.

GoodHire Logo
GoodHire Logo
GoodHire Logo
GoodHire Logo
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

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.


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


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


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


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.



GH Green























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.



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

Realigned equestrian fez
bewilders picky monarch


Source Sans Pro

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

Realigned equestrian fez
bewilders picky monarch


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.


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


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

HR Rep
Filter Report
Three People


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