Visual guidelines

Our visual identity pays homage to our journey as a company. It has evolved as Greenhouse has grown. It makes our mission and purpose tangible. And it provides us with a distinct and consistent way to tell our story.

Collage of black woman smiling, fingerprint botanical and Greenhouse Recruiting lockup against green background and fingerprint

Overview

Our visual identity is human and warm. Each communication should be simple and direct. We strive to make our experiences distinct but always remain consistent with our design system. No matter whether the form is formal, casual or even a little weird, we always embrace the things that are uniquely Greenhouse.

Our logo is connected and conveys the notion of growth through the rounded elements that emerge from one letter to the next.

Wordmark

At the center of the Greenhouse identity is our wordmark. It’s how our audience recognizes our name and quickly associates our message with our brand. It is one of our most sacred assets.

Download
Greenhouse wordmark green
When on a light color, use the wordmark in green or dark green
Greenhouse wordmark green
Greenhouse wordmark evergreen
When on a dark color, use the wordmark in white
Greenhouse wordmark white
Greenhouse wordmark white

Icon

The “g” icon can be used as shorthand for the full wordmark, but never as a decorative element.

Download
Greenhouse G icon green
Greenhouse G icon white
Greenhouse G icon evergreen
Greenhouse G icon white

Choose the right asset

If no other Greenhouse branding is present or the user is being introduced to the brand for the first time, use the wordmark.

Greenhouse website screen in laptop screen view highlighting the Greenhouse wordmark logo in the upper left corner

If other Greenhouse branding is present or the user has already been introduced to the brand, the icon may be used.

Representation of Greenhouse graphic elements on an outdoor wall grayed out and highlighting Greenhouse wordmark logo

Use the logo consistently

Clear space

Use the width of the “e” as a guide for clear space when placing other elements around the wordmark.

Greenhouse wordmark logo and guidelines showing margins and clear space
Wordmark don'ts

Do not alter the wordmark. Avoid the following treatments.

Do not distort the logo
Greenhouse wordmark logo in black distorted with red strikethrough line
Do not use unapproved colors
Greenhouse wordmark logo in pink with red strikethrough line
Do not outline
Greenhouse wordmark logo outlined in black stroke with white fill with red strikethrough line
Do not apply effects
Greenhouse wordmark logo in black with dropshadow effect with red strikethrough line
Do not apply patterns
Greenhouse wordmark logo with stripe pattern fill and red strikethrough line
Do not rotate
Greenhouse wordmark logo in black rotated 45 degrees with red strikethrough line

Product branding

Greenhouse is a platform, not a series of one-off products. Individual product treatments create a consistent brand experience without color-coding, icons or other added elements.

Product treatments

The full treatments for Greenhouse Recruiting and Greenhouse Onboarding are the only two product logos in our system.

Download
Full treatment
Full Recruiting treatment on white
Greenhouse Recruiting lockup green
Full Onboarding treatment on white
Greenhouse Onboarding lockup green
Full Recruiting treatment reversed
Greenhouse Recruiting lockup white
Full Onboarding treatment reversed
Greenhouse Onboarding lockup white

Color

Our color palette is inspired by modern and historical botanicals found throughout the world.

Primary palette

Our primary color palette are the key colors used most often in our branding. Variations are provided in extended and expanded palettes. If there is a need, such as creating color hierarchy or increasing readability, the other palettes may be used.File formats are in .ASE (Adobe Swatch Exchange). If you need a different format, contact the Brand team.

Download
About accessibility

The text color used in each color block meets the Web Content Accessibility Guidelines (WCAG) 2.1 AA for people with low vision. Whenever you put text on top of these solid colors, make sure to use the correct text color to ensure optimal contrast.

Note that the darkest text color should always be set in #15372c (Evergreen), not black.

Optimal contrast text

Greenhouse Green

RGB: 36, 164, 127
CMYK: 78, 11, 65, 1
Hex: #24A47F
Pantone: Green C

Optimal contrast text

Evergreen

RGB: 21, 55, 44
CMYK: 89, 50, 76, 60
Hex: #15372C
Pantone: 5467 C

Optimal contrast text

Iris

RGB: 53, 116, 214
CMYK: 78, 55, 0, 0
Hex: #3574D6
Pantone: 660 C

Optimal contrast text

Marigold

RGB: 255, 165, 46
CMYK: 0, 41, 91, 0
Hex: #FFA52E
Pantone: 137 C

Optimal contrast text

Zinnia

RGB: 255, 101, 25
CMYK: 0, 75, 99, 0
Hex: #FF6519
Pantone: 1585C

Optimal contrast text

Poppy

RGB: 221, 57, 43
CMYK: 7, 93, 96, 1
Hex: #D8372A
Pantone: 7620C

Optimal contrast text

Ground

RGB: 239, 239, 239
CMYK: 5, 3, 3, 0
Hex: #EFEFEF
Pantone: Cool Gray 1 C

Optimal contrast text

White

RGB: 255, 255, 255
CMYK: White
Hex: #ffffff
Pantone: white

Color usage proportion

Green and white are the primary brand colors. Supporting colors should be used as accents. The primary palette is organized here by size. The bigger the block, the more frequently it should be used.

Greenhouse brand color palette usage proportions

Extended palette

Use the extended palette when additional color hierarchy is needed.

Download
Optimal contrast text

Greenhouse Green 1

RGB: 0, 133, 97
CMYK: 87, 24, 75, 9
Hex: #008561

Optimal contrast text

Greenhouse Green

RGB: 36, 164, 127
CMYK: 78, 11, 64, 1
Hex:#24A47F

Optimal contrast text

Greenhouse Green 2

RGB: 76, 179, 152
CMYK: 68, 6, 51, 0
Hex: #4CB398

Optimal contrast text

Evergreen 1

RGB: 3, 28, 23
CMYK: 82, 60, 69,79
Hex: #031C17

Optimal contrast text

Evergreen

RGB: 21, 55, 44
CMYK: 89, 50, 76, 60
Hex: #15372C

Optimal contrast text

Evergreen 2

RGB: 51, 82, 71
CMYK: 77, 48, 67, 38
Hex: #335247

Optimal contrast text

Iris 1

RGB: 5, 74, 178
CMYK: 95, 79, 0, 0
Hex: #054AB2

Optimal contrast text

Iris

RGB: 53, 116, 214
CMYK: 78, 55, 0, 0
Hex: #3547D6

Optimal contrast text

Iris 2

RGB: 87, 139, 221
CMYK: 65, 40, 0, 0
Hex: #578BDD

Optimal contrast text

Marigold 1

RGB: 25, 133, 0
CMYK: 0, 58 100, 0
Hex: #FF8500

Optimal contrast text

Marigold

RGB: 255, 165, 46
CMYK: 0, 41, 91, 0
Hex: #FFA52E

Optimal contrast text

Marigold 2

RGB: 255, 183, 86
CMYK: 0, 32, 75, 0
Hex: #FFB756

Optimal contrast text

Zinnia 1

RGB: 25, 133, 0
CMYK: 0, 58 100, 0
Hex: #FF8500

Optimal contrast text

Zinnia

RGB: 255, 165, 46
CMYK: 0, 41, 91, 0
Hex: #FFA52E

Optimal contrast text

Zinnia 2

RGB: 255, 183, 86
CMYK: 0, 32, 75, 0
Hex: #FFB756

Optimal contrast text

Poppy 1

RGB: 181, 38, 23
CMYK: 20, 97, 100, 2
Hex: #B52617

Optimal contrast text

Poppy

RGB: 221, 57, 43
CMYK: 7, 93, 96, 1
Hex: #D8372A

Optimal contrast text

Poppy 2

RGB: 227, 86, 76
CMYK: 6, 81, 72, 0
Hex: #E3564B

Optimal contrast text

Ground 6

RGB: 181, 181, 181
CMYK: 30, 24, 24, 0
Hex: #B5B5B5

Optimal contrast text

Ground 7

RGB: 216, 216, 216
CMYK: 14, 11, 11, 0
Hex: #D8D8D8

Optimal contrast text

Ground

RGB: 255, 183, 86
CMYK: 0, 32, 75, 0
Hex: #FFB756

Expanded palette

The expanded palette should be used in more complex visual applications, such as infographics or diagrams.

Download
Aa

#008561

R: 0
G: 133
B: 97

C: 87
M: 24
Y: 74
K: 9

Aa

#24A47F

R: 36
G: 164
B: 127

C: 78
M: 11
Y: 64
K: 1

Aa

#4CB398

R: 76
G: 179
B: 152

C: 68
M: 6
Y: 51
K: 0

Aa

#73C2B0

R: 115
G: 194
B: 176

C: 55
M: 3
Y: 37
K: 0

Aa

#90D1C2

R: 144
G: 209
B: 194

C: 43
M: 0
Y: 29
K: 0

Aa

#ADE1D4

R: 173
G: 225
B: 212

C: 43
M: 0
Y: 29
K: 0

Aa

#C9F0E6

R: 201
G: 240
B: 230

C: 20
M: 0
Y: 12
K: 0

Aa

#E6FFF8

R: 230
G: 255
B: 230

C: 20
M: 0
Y: 12
K: 0

Aa

#031C17

R: 3
G: 28
B: 23

C: 82
M: 60
Y: 69
K: 79

Aa

#15372C

R: 21
G: 55
B: 44

C:89
M: 50
Y: 76
K: 60

Aa

#335247

R: 51
G: 82
B: 71

C: 77
M: 48
Y: 67
K: 38

Aa

#526B63

R: 82
G: 107
B: 99

C: 69
M:44
Y: 57
K: 21

Aa

#6C837C

R: 108
G: 131
B: 124

C: 61
M: 37
Y: 49
K: 9

Aa

#879C95

R: 135
G: 156
B: 149

C: 61
M: 37
Y: 49
K: 9

Aa

#A1B4AD

R: 161
G: 180
B: 173

C: 38
M: 20
Y: 31
K: 0

Aa

#BBCCC6

R: 187
G: 204
B: 198

C: 27
M: 11
Y: 21
K: 0

Aa

#054AB2

R: 5
G: 74
B: 178

C: 95
M: 79
Y: 0
K: 0

Aa

#3574D6

R: 53
G: 116
B: 214

C: 78
M: 55
Y: 0
K: 0

Aa

#578BDD

R: 87
G: 139
B: 221

C: 65
M: 40
Y: 0
K: 0

Aa

#78A3E3

R: 120
G: 162
B: 227

C: 51
M:28
Y: 0
K: 0

Aa

#90B4EA

R: 144
G: 280
B: 234

C: 41
M: 21
Y: 0
K: 0

Aa

#A7C4F1

R: 167
G: 196
B: 241

C: 31
M: 16
Y: 9
K: 0

Aa

#BFD5F8

R: 191
G: 213
B: 248

C: 22
M: 10
Y: 0
K: 0

Aa

#D6E6FF

R: 214
G: 230
B: 255

C: 13
M: 5
Y: 0
K: 0

Aa

#FF8500

R: 25
G: 133
B: 0

C: 0
M: 58
Y: 100
K: 0

Aa

#FFA52E

R: 255
G: 165
B: 46

C: 0
M: 41
Y: 91
K: 0

Aa

#FFB756

R: 255
G: 183
B: 86

C: 0
M: 32
Y: 75
K: 0

Aa

#FFC77D

R: 255
G: 199
B: 125

C: 0
M:24
Y: 57
K: 0

Aa

#FFD093

R: 255
G: 208
B: 147

C: 0
M: 20
Y: 46
K: 0

Aa

#FFDAA9

R: 255
G: 218
B: 169

C: 0
M: 15
Y: 36
K: 0

Aa

#FFE3BE

R: 225
G: 227
B: 190

C: 0
M: 11
Y: 26
K: 0

Aa

#FFECD4

R: 255
G: 236
B: 212

C: 0
M: 7
Y: 16
K: 0

Aa

#D44A00

R: 212
G: 74
B: 0

C: 12
M: 84
Y: 100
K: 3

Aa

#FF6519

R: 255
G: 101
B: 25

C: 0
M: 75
Y: 99
K: 0

Aa

#FF7B39

R: 255
G: 123
B: 57

C: 0
M: 65
Y: 84
K: 0

Aa

#FF8F59

R: 255
G: 143
B: 89

C: 0
M: 54
Y: 68
K: 0

Aa

#FFA274

R: 255
G: 162
B: 116

C: 0
M: 44
Y: 55
K: 0

Aa

#FFB490

R: 255
G: 180
B: 144

C: 0
M: 35
Y: 42
K: 0

Aa

#FFC6AC

R: 25
G: 198
B: 172

C: 0
M: 26
Y: 29
K: 0

Aa

#FFD9C7

R: 255
G: 217
B: 199

C: 0
M: 17
Y: 18
K: 0

Aa

#B52617

R: 181
G: 38
B: 23

C: 20
M: 97
Y: 100
K: 2

Aa

#D8372A

R: 216
G: 55
B: 42

C: 9
M: 93
Y: 98
K: 1

Aa

#E3564B

R: 227
G: 86
B: 76

C: 6
M: 81
Y: 72
K: 0

Aa

#E8736B

R: 232
G: 115
B: 107

C: 4
M: 68
Y: 53
K: 0

Aa

#EE9089

R: 238
G: 144
B: 137

C: 2
M: 53
Y: 37
K: 0

Aa

#F3ACA7

R: 243
G: 172
B: 167

C: 2
M: 39
Y: 25
K: 0

Aa

#F9C9C5

R: 249
G: 201
B: 197

C: 0
M: 25
Y: 14
K: 0

Aa

#FFE5E3

R: 255
G: 229
B: 227

C: 0
M: 12
Y: 6
K: 0

Aa

#0C0C0C

R: 12
G: 12
B: 12

C: 74
M: 67
Y: 66
K: 85

Aa

#252626

R: 37
G: 38
B: 38

C: 72
M: 65
Y: 64
K: 69

Aa

#3D3D3D

R: 61
G: 61
B: 61

C: 68
M: 61
Y: 60
K: 49

Aa

#7C7C7C

R: 124
G: 124
B: 124

C: 53
M: 44
Y: 44
K: 9

Aa

#999999

R: 153
G: 153
B: 153

C: 43
M: 35
Y: 35
K: 1

Aa

#B5B5B5

R: 181
G: 181
B: 181

C: 30
M: 24
Y: 24
K: 0

Aa

#D8D8D8

R: 216
G: 216
B: 216

C: 14
M: 11
Y: 11
K: 0

Aa

#EFEFEF

R: 239
G: 239
B: 239

C: 5
M: 3
Y: 3
K: 0

Typography

Our sans serif typeface is designed for functionality, while our serif typeface adds a human element. In general, keep typography as simple as possible by using minimal styles.

Type families

The Greenhouse brand identity includes two typefaces – no other fonts should be used. The following outlines the use cases for each typeface.

Request access

Untitled Serif is our brand voice typeface. It should be used for headlines only. Never set subheads, body copy or any long text in Untitled Serif.

Untitled Serif
Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Regular italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Medium Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])

Untitled Sans is our utility typeface. It should be used for everything except headlines. When in doubt, use Untitled Sans.

Untitled Sans
Light

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Light italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Regular italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Medium Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])

Hierarchy

It is important to maintain a consistent typographic voice for various types of information. Be sure to use the correct typeface for each use case.

Hierarchy examples

Here are a few examples of typography in use.

Hire for what’s next.

At Greenhouse we believe companies succeed because of great people. We help every company become great at hiring. Learn how at greenhouse.io

Headline

Untitled Serif Regular

Copy

Untitled Sans Regular

Build a better hiring culture

Great hiring starts here

At Greenhouse we believe companies succeed because of great people. We help every company become great at hiring.

Headline

Untitled Serif Regular

Subhead

Untitled Sans Medium

Copy

Untitled Sans Regular

Great hiring starts here

At Greenhouse we believe companies succeed because of great people. We help every company become great at hiring.

Headline

Untitled Sans Light

Copy

Untitled Sans Regular

Typesetting

Line spacing

Use the following rules for line spacing when setting text:

Headline

Type size x 1

Example

Type size 72 pt
Line spacing 72 pt

Hire for what’s next.

Subhead

Type size x 1.27

Example

Type size 28 pt
Line spacing 35.56 pt

Give your team the confidence to grow. Great hiring starts with Greenhouse.
Body copy

Type size x 1.3

Example

Type size 20 pt
Line spacing 26 pt

At Greenhouse we believe companies succeed because of great people. We help every company become great at hiring.

Text color

Text should only be set in the following colors:

Evergreen on white/light backgrounds

White on dark backgrounds

G Suite equivalents

For G Suite (Google Docs, Slides, Sheets) use Merriweather Serif for Untitled Serif and Nunito Sans for Untitled Sans.

Merriweather

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])
Nunito Sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
#+_@=%/>([?!])

Photography

Photos should feel natural and human. Subjects should be engaged and project a sense of warmth.

Photo library

These photos are approved to use in various assets such as presentation decks and customer-facing communications. Please contact the Brand Team if you have specific photography needs.

Request access
Asian woman and white man colleagues sitting at table in front of laptop discussing a project
Smiling woman with long blonde hair sitting on a desk holding a yellow coffee cup and looking over shoulder and smiling
Asian woman and white man colleagues sitting at table in front of laptop discussing a project
Overhead shot of two women working at a table on their laptops surrounded by plants
Smiling black woman with short blonde hair leaning against a glass door while holding a phone and speaking into it

Executive headshots

Please use the following photographs of the Greenhouse Executive Team. Do not use photos found in social media or internet searches.

Download
Headshot of Daniel Chait
Daniel Chait
CEO
Headshot of Jon Stross
Jon Stross
President
Headshot of Carin Van Vuuren
Carin Van Vuuren
Chief Marketing Officer
Headshot of Mike Boufford
Mike Boufford
Chief Technology Officer
Headshot of Sarah Bernard
Sarah Bernard
Chief Customer Officer
Headshot of Colm O'Cuinneain
Colm O'Cuinneain
General Manager, EMEA
Headshot of Donald Knight
Donal Knight
Chief People Officer
Headshot of Sean Murray
Sean Murray
Chief Revenue Officer
Headshot of Jung McCann
Jung McCann
Chief Legal Officer
Headshot of Henry Tsai
Henry Tsai
VP, Product & Design
Greenhouse brand photography is

Confident

Warm

Focused

Inspiring

Natural

Diversely human

Photography principles

Portrait of woman wearing a blue headscarf and holding yellow folder, notebook and pencil
Confident

The people we showcase in Greenhouse photography should appear driven, passionate and hardworking, not bored or aimless. Subjects should be engaged with the camera, another person or work.

Two colleagues sitting at a table and working on a laptop together
Focused

Our brand photography should feel intentionally captured, not caught in an awkward pose or daydream. Candid photos are OK as long as they feel purposeful.

Man in striped tshirt with arms crossed and smiling facing the camera
Natural

From clothing, hair and makeup to the workplace setting, Greenhouse photos should feel authentic and not like a set with models and props.

Black man in red polo shirt holding an orange phone to his ear and smiling looking to the right
Warm

The people in Greenhouse photos should appear welcoming and friendly, even if in a serious meeting or having a tough conversation.

Two colleagues sitting at a table collaborating on a laptop
Inspiring

Our brand photography should depict professionals that viewers can aspire to be, regardless of their role, title or rank.

A group of diverse colleagues around a table collaborating
Diversely human

Imperfections are what make us real. Our photos should show as many different shapes, sizes, colors, and types of people as possible.

Lighting

Natural light should be prioritized over artificial lighting. This will help photos feel authentic and not staged.

Photos taken in daylight hours should be prioritized as the standard work time is during the day. With that in mind, night photography is OK as long as it is clear the subjects are working.

Three female colleagues at a table with a tablet and laptop smiling at the cameraA woman at a desk wearing headphones and greeting colleagues on a video call on a tablet

Color and tone

Greenhouse photos should have a consistent look and feel, regardless of the office environment or subject matter.

Greenhouse photos should always be used in color, and should feel light and bright.

Photo saturation should be slightly muted to create consistency across photos with warmer and cooler tones.

Three male colleagues sitting at a table in a bright office collaboratingA smiling woman with short black hair wearing glasses and a white blouse sitting at a desk in front of a white wall with photos hanging

Composition

Greenhouse photos should feel like genuine workplaces and settings with authentic props. Including quirky personal items in the shot is OK, as long as it’s not overly cluttered or busy.

People should tell the story in our photos, not objects.

Whenever possible, try to select photos that have greenery or plant life present.

A man sitting at a table with food, drinking from a cup and working on a laptopA woman working remotely on a laptop with legs crossed holdling a phone to her ear and smiling

Portraits

When selecting photos of individuals, prioritize portrait-style shots whenever possible.

Portraits should not be seated studio headshots, but attention should be focused and directed at the camera.

Portraits should be captured in work or work-like environments. Solid backgrounds are OK but should have some texture.

Poses can vary and should be confident, heroic and strong.

A portrait of a woman with a high bun and wearing a yellow button up shirtA portrait of an Asian man wearing a blue denim button up shirt with arms crossed in front of a white wallPortrait of a smiling black woman in a yellow sweater leaning against a table and holding a clipboard

Individuals

There will be times when you need to select photos of individuals that are not portrait style. When doing this, please keep our photography principles in mind.

A woman in a red blouse holding a phone and looking down at her laptop screenA black woman with short blonde hair leaning against a glass door frame and speaking into a phone

Groups of people

For photos showing groups of people, they should appear active and at work. Avoid selecting photos that feel like a moment in passing. Whenever possible, subjects should be looking directly at the camera or in the direction of the camera.When selecting photos of groups, prioritize images with a diverse group of people, rather than people of the same age, race, or gender.

Two colleagues sitting on a bench looking at a laptop A black woman standing up and speaking while a group of seated colleagues seated around her watch

Devices

Photos of technology can be used to showcase the brand website, guidance content, or our products.

Images of desks and screens can look slightly more staged, but should still feel human, and have personality. Props should seem like real items someone would own. Desks should feel as though someone just stepped away, but should not be messy.

Any devices featured should be current and modern.

A laptop on a white table with a dashboard showing data on the screenA laptop on a table with the cover of the Distributed hiring and remote working ebook on the screenAn ipad on top of some books with an the cover of the 5 KPIs to make hiring your strategic business advantage ebook on the screen

Layering photos

If two photos are layered, the overlap should be slight. It should not distract from any key elements of an image and take place over white space or the background.

If both photos have people, the people should either appear to be either roughly the same size, or distinctly different sizes.

Do not layer more than two photos together.

Two grouped images of portrait of a smiling older black man wearing a hat grouped and two smiling women colleagues looking at laptop

Good and bad examples of photography principles

Confident
A smiling woman in a blue headscarf holding a yellow folder, notebook and pencil with a green checkmark icon in the upper right cornerA man in a white button up shirt and hands in pockets looking to the left with a red x icon in the upper right corner
Focused
Two colleagues seated at a table collaborating with a green checkmark icon in the upper right cornerA black woman holding a mug and looking to the right with a red x icon in the upper corner
Natural
A good example of the natural principle. A smiling man in a striped tshirt with arms crossed. A bad example of the natural principle. A redhead woman wearing glasses smiling and sitting with elbows on the table
Warm
A good example of warm principle. A smiling black man in red polo shirt holding an orange phone and looking rightA bad example of warm photography principle. A serious man wearing a green sweater looking down and working on a laptop
Inspiring
A good example of inspiring photography principle. Two colleagues sitting at a table and collaborating on a laptop.A bad example of inspiring photography principle. Woman in white blouse working in background with out of focus woman wearing a green shirt in the foreground working on a laptop.
Diversely human
A good example of diversly human A bad example of diversely human photography principle. Two male colleagues sitting and collaborating at a white table in front of a dark wall

Illustrations

Classical botanical illustrations, a key part of the Greenhouse heritage, can be combined with fingerprint leaves. This adds a unique and human element to our visual language.

Fingerprints

Our illustration style combines the silhouette of a leaf and the texture of a fingerprint. This brings together plants and a human element to create a distinct visual language.

Request access

The fingerprint sits inside the leaf silhouette and should maintain the inherent texture of the print. The silhouettes should feature multi-segmented or multi-leaf shapes to ensure they are seen as both a leaf and a fingerprint.

A green fingerprint botanical on white background

Full library

Full library of fingerprint botanicals in black on white background
Scale

A scaled set of fingerprints has been created in three different sizes to ensure they are in proportion with the size of the collateral.

Image showing small, medium and large scales of blue fingerprint botanical

Full library

Image of full library of fingerprint botanicals in small, medium and large scales.
In use
Greenhouse branded business cards
Small

Small scale illustrations are meant for use in print and digital collateral that is roughly smaller than a postcard.

Examples: Business cards, mobile website, conference name tags

A mac monitor showing the Greenhouse website on the screen
Medium

Medium illustrations should be used most frequently.

Examples: Website, sales booklet, posters

A mockup of a large outdoor billboard with a Greenhouse ad
Large

Large illustrations should be used for very large scale applications only, where content is primarily seen from a distance.

Examples: Billboards, large screens, environmental graphics

Botanicals

Botanical illustrations are used to reinforce Greenhouse’s existing brand equity and emphasize both the technical and organic aspects of growth.

Request access

The fingerprint sits inside the leaf silhouette and should maintain the inherent texture of the print. The silhouettes should feature multi-segmented or multi-leaf shapes to ensure they are seen as both a leaf and a fingerprint.

A botanical illustration on white background

Full library

Full library of botanical illustrations on white backgorund

Layering

Botanical and fingerprint illustrations can be combined using the principles outlined below.

Request access
An image showing layering principle of a fingerprint and botanical illustration pairing on a page

Align compositions

An image showing alignment composition of fingerprint and botanical pairing

Overlap at the point of similarity

Image showing overlap at the point of similarity on a fingerprint and botanical pairing illustration

Fingerprint always sits on top

An image showing how the fingerprint always sits on top of the botanical illustration

Use illustrations with similar characteristics

An image showing how to use illustrations with similar characteristics

The top layer is for text and information

An image highlighting that the top layer of a layout is for text and information

Botanicals always sit below information and fingerprint layers

Example image showing how botanicals always sit below information and fingerprint layers

Composition example

Example image of a composition using a headline, body text, and fingerprint + botanical pairing illustration
Botanicals + photography

Botanical illustrations can be combined with photography using three layers.

Example image showing combination of photography and botanical illustrations

Top layer:
Photography

Example image showing photography top layer of a composition

Middle layer:
Illustration follows subject in photo

Example image showing middle layer and how the illustration follows the subject in the photo

Middle layer:
Botanical illustration sits behind photo

Example image showing middle layer of composition with botanical illustration sitting behind photo

Bottom layer:
Text and other information

Example image showing bottom layer of composition

Composition example

Example image of composition using headline, body copy, photo and botanical illustration
Fingerprints + photography

Fingerprint illustrations can be combined with photography using a three layer approach.

Example image showing fingerprint and photo layering composition

Middle layer:
Images are full bleed

Example image showing middle layer of fingerprint and photo layering composition. Images are full bleed

Top layer:
Composition follows subject

Example image showing  top layer of fingerprint and photo layering composition. Composition of fingerprint follows subject of photo.

Top layer:
Fingerprint sits over photo

Example image showing top layer of fingerprint and photo layering composition. Fingerprint sits on top of photo.

Bottom layer:
Text and other information

Example image showing bottom layer of fingerprint and photo layering composition where text and other information sits

Composition example

Example composition showing headline, body copy, fingerprint and photo

Guidance

Fingerprint + botanical don'ts

Do not overlap illustrations to distort clarity

Fingerprint and botanical pairing don't. Fingerprint and botanical overlapping too much and distorting clarity of each

Do not misalign illustrations

Fingerprint and botanical pairing don't. Fingerprint misaligned with botanical illustration

Do not use different scales of illustration

Fingerprint and botanical illustration pairing don't. Small fingerprint on top of large botanical illustration

Do not use more than two illustrations

Fingerprint and botanical don't. Two illustration pairings
Botanical + photography dont's

Do not misalign the subject and illustration

Example of do not misalign the subject and illustration

Do not use a botanical, fingerprint and photo

Example of do not use a botanical, fingerprint and photo

Do not cut off illustrations

Example of do not cut off illustrations

Do not place botanicals over photography

Example of do not place botanicals over photography
Fingerprint + photography don'ts

Do not use illustrations as decoration

Example of do not use illustrations as decoration

Do not overscale illustrations

Example of do not overscale illustrations

Do not use more than one fingerprint

Example of do not use more than one fingerprint

Product illustrations

A simplified approach to product imagery helps us communicate overall concepts and features without getting too in the weeds.

Collage of Greenhouse Recruiting dashboard and candidate profile UI in front of botanical illustration

When to use

Greenhouse product illustrations should be used in most marketing situations, and anytime you need to communicate general ideas about product concepts, features and functions.

Product illustrations should never be used in a "how-to" scenario of when the audience needs to see very specific details and content. In this case, use Product Team approved UI images.

Use product illustrations
Use product UI screenshots
  • Product landing pages
  • Product benefit presentations
  • Explanations of structured hiring, reporting or candidate experience
  • Descriptions of how to use the product
  • Support articles
  • Step-by-step instructions
  • Detailed presentations of features

Recruiting

Request access
Collage of interview scorecard and qualifications UI

Onboarding

Request access
Onboarding dashboard UI

Do’s and don’ts

Quality over quantity

Choose 1-2 key product moments that best communicate the intended objective. If an additional key data detail is desired, a third moment can be included, but shown at a smaller scale. Avoid over-cluttering the layout with more than 1-2 key moments, as the messaging will lose focus and clarity.

Be clear

Highlight only the most important product moments you want to feature. Use simplified styling for non-essential content to round out the illustration. Keep text and data points to a minimum. Avoid extraneous detail, as key moments have the potential to become lost and overrun.

Scale is important

Be mindful of scale and legibility, as illustration assets will need to be experienced at a variety of viewport sizes.

Remember that going too large will overwhelm the viewer, and going too small will make it difficult to appropriately experience the narrative.

Icons & infographics

Our icons and infographics pick up the curvature and connection of the Greenhouse logo. Do not use icons and infographics as decoration.

Primary icons

We have a limited set of custom primary icons that represent key concepts, functions and ideas having to do with Greenhouse products and offerings. Never introduce your own or create new icons. Icons should be used very sparingly.

Our primary icon library is built using the same geometry as our wordmark. If you require an icon that is not currently in the library, please contact the Brand Team.

Briefcase icon with red grid overlay

Icons should be used when they are additive to the information presented. Never use icons as decoration or to fill in blank space. Brand icons should never be smaller than 0.5".

Grayed out mockup of website in Mac monitor highlight icon
Primary icons sample library
Jobs icon
Jobs
ATS icon
ATS
Dashboard icon
Dashboard
Integrations icon
Integrations
Scorecard icon
Scorecard
Hiring icon
Hiring
Data icon
Data
Security icon
Security
Process icon
Process
Interview icon
Interview
Candidate icon
Candidate
Tasks icon
Tasks
Greenhouse value driver icons
New hire icon
New hire
Identify talent icon
Identify talent
Hiring decisions icon
Hiring decisions
Measure icon
Measure

Infographics

When visualizing data, use simple infographics. Keep them in our brand colors, use a circular theme and connect elements when possible. Additional infographic assets and guidance is being developed. Please contact the Brand Team if you have an infographic question.

These are some examples of common infographics:

Dot chart

Example of dot chart infographic

Donut chart

Example of donut chart infographic

Timeline

Example of timeline infographic

Line graph

Example of line graph infographic

Bar chart

Example of bar chart infographic

Typographic information

Example of typographic information infographic

Motion & video

Motion should be very simple. Movement should imply fluid growth and a sense of organic, upward momentum.

Animation

Animation should feel fluid, intentional and controlled. Base animations on the growth of shapes and upward movements.

Request access

Our brand in motion is built on two growth principles:

Growth shape

Shapes, illustrations and other content can grow out from a singular point.

Growth movement

Typography, messaging and other graphic elements should come into frame from below, always growing upward.

Animation examples

Icon animation

Wordmark animation

Wordmark + tagline animation

Motion

Intros

Transitions

Overlays

Lower-Thirds

Sections

End cards

End cards + call to action

Social