Hire Vue

📋 1 Guidelines

🔗 Connections

Sector

Staffing recruitment Software

Region

United kingdom

Guideline Year

2018

Language

English

Tags

Corporate

Official Websites

Brand Guidelines

2018

Brand Summary

Mission
  • To create a positive and cohesive experience across all HireVue touchpoints, resulting in greater trust, direction, and differentiation in the marketplace [^1].
Core Values
  • trust
  • direction
  • differentiation
  • authenticity
  • simplicity
  • diversity
  • confidence
  • upbeat identity
Target Audience
  • Professionals and organizations seeking HR technology solutions, with an emphasis on modern, diverse, and authentic experiences [^2].
Personality Traits
  • upbeat
  • confident
  • authentic
  • simple
  • modern
  • clean
Visual Identity Overview
  • The visual identity is defined by a bright and clean color palette, prominent logo and symbol usage, flat and thin line imagery, rounded rectangles or ‘pill’ shapes, high-resolution and authentic photography, and a suite of patterns, gradients, and textures that enhance the brand’s look and feel [^3].

Categories

Brand Imagery
  • HireVue photography is defined by simplicity, and a unique, but realistic viewpoint. The focus should be on natural moments that would happen in reality, giving a sense of place and authenticity. Anything outside of these guidelines comes off as disingenuous and gets lost in other “stock” approaches to imagery.
  • • High resolution • From a unique perspective • Genuine emotions or actions • Could exist in reality • Is not overused • Uncluttered • Shows diversity in a positive way • Is not confusing • Emphasizes a concept • Isn’t computer generated
Color Palette
  • Red, black, white, sea green, and yellow are the foundation palette that define an upbeat and confident identity. In conjunction with ample whitespace, a defining feature of the brand is the bright and clean application of the palette. Pantone and CMYK values are used for o°set and digital printing respectively. The RGB and HEX values (#) are similar to the Pantone colors, but are optimized for digital-based design.
  • Three supporting grays will enable users to expand the visual capabilities of the primary palette. If needed, additional percentages of black may be used.
  • The ratio of color is also an essential element for strong brand recognition. The usage ratio graph gives an example of how much of each color in the palette should be used in any given piece.
  • The ‘Aa’ within the color circle is the most appropriate text color to use for legibility when the primary palette is being used as a background color.
  • RED Pantone 185 C2 M100 Y92 K0 R237 G28 B44 #ED1C2C
  • BLACK Pantone 185 C100 M100 Y100 K100 R0 G0 B0 #000000
  • WHITE Pantone 185 C2 M100 Y92 K0 R237 G28 B44 #FFFFFF
  • SEA GREEN Pantone 3248 C55 M0 Y35 K0 R111 G199 B182 #6FC7B6
  • YELLOW Pantone 109 C1 M16 Y100 K0 R255 G212 B0 #FFD400
  • 85% Black C0 M0 Y0 K85 R77 G77 B77 #4D4D4F
  • 35% Black C0 M0 Y0 K35 R177 G179 B182 #B1B3B6
  • 15% Black C0 M0 Y0 K15 R220 G221 B222 #DCDDDE
  • To enrich and extend the diversity and accessibility of the brand, the extended palette may be used when the primary palette is insu˛cient. These tints and shades of the primary palette should be used sparingly and in accordance with the usage ratios.
  • The extended palette should not be used as background colors.
  • CHILI Pantone 187 C22 M100 Y90 K15 R172 G30 B44 #AC1E2C
  • CORAL Pantone 170 C0 M60 Y50 K0 R244 G132 B115 #F48473
  • CANARY Pantone 7406 C6 M23 Y100 K0 R240 G193 B26 #F0C11A
  • LEMON Pantone 1205 C3 M10 Y54 K0 R248 G222 B139 #F8DE8B
  • PEACOCK Pantone 7719 C100 M36 Y59 K19 R0 G108 B104 #006C68
  • JUNGLE Pantone 3275 C100 M0 Y58 K0 R0 G168 B145 #00A891
  • MINT Pantone 573 C28 M0 Y18 K0 R182 G224 B214 #B6E0D6
Typography
  • Font choice is an essential part of the look and feel of a brand. Wherever possible, our corporate font suite should be used to represent HireVue.
  • The two HireVue fonts are Museo Slab and Museo Sans. These fonts are available to every HireVue employee and should be used both internally and externally.
  • Our fonts are not available in some external applications, so a web-safe, highly available font may be used as a replacement. If you are unable to use the corporate fonts, the system fonts of Roboto Slab and Roboto Sans will adequately represent the brand.
  • Museo Slab 900
  • Museo Slab 700
  • Museo Slab 500
  • Museo Slab 300
  • Museo Slab 100
  • Museo Sans 900
  • Museo Sans 700
  • Museo Sans 500
  • Museo Sans 300
  • Museo Sans 100
  • Roboto Slab Bold
  • Roboto Slab Regular
  • Roboto Slab Light
  • Roboto Slab Thin
  • Roboto Sans Bold
  • Roboto Sans Regular
  • Roboto Sans Light
  • Roboto San Thin
  • Typography is the style, arrangement, and appearance of type. It encompasses not only the fonts that are used, but the way in which we use them. These examples will help users better utilize the corporate typography.
  • How your eye moves through a text document is referred to as text hierarchy. A good hierarchy breakdown is legible, makes it easy to scan through documents, and highlights important information. If content does not achieve these things, adjustment should be made to the length of text, background color, font size, weight, or text color until there is proper heirarchy.
  • There are elements that make the text layout unique to HireVue. These tips will help you make more brand-accurate hierarchy and layout decisions when creating content.
  • Use an ampersand (&) in place of the word “and” in headlines, subheaders, and labels.
  • CAP all headlines, subheads, and buttons.
  • Enlarge headlines and subheads
  • Emphasize important information and quotes by separating and enlarging text.
  • Emphasize sentences and words in the copy by bolding the text.
  • Don’t use Museo Slab 1000. Although part of the type family, it is not within brand standards.
  • Avoid widows (single words on a line by themselves). Drop the word before it down to the next line so it isn’t ‘lonely’.
  • Pro Tip: The font Arial is used for quotation marks (“”) in headlines, subheads, and callouts, because of asthetic gaps in the corporate font. If you spot them, switch them out.
Logo Usage
  • The logo is our most valuable brand asset. It is imperative that it is used correctly and consistently.
  • The logo needs clear space to stand out. Ideally more space should be given, but the star will help guide the required minimum clear space around the logo.
  • To provide legibility, the minimum width of the logo should be no smaller than 75 pixels or 1 inch. Do not scale the logo below this size.
  • The logo is available in three colors, black, white, and full color (red/gray).
  • NEVER STRETCH, SQUISH, OUTLINE, RECOLOR, ANGLE, PATTERN, OVERLAP, CROP, SHADOW, RE-SPACE, WATERMARK, BREAK APART, USE OLD VERSIONS, OR OTHERWISE MANIPULATE THESE ASSETS AND AS BRAND ADVOCATES, BE SURE TO UPDATE ASSETS THAT HAVE BEEN ALTERED.
  • DO NOT SHADOW
  • DO NOT USE OLD VERSIONS
  • DO NOT STRETCH
  • DO NOT BREAK APART
  • DO NOT RECOLOR
Visual Style
  • The logo needs clear space to stand out. Ideally more space should be given, but the star will help guide the required minimum clear space around the logo.
  • To provide legibility, the minimum width of the logo should be no smaller than 75 pixels or 1 inch. Do not scale the logo below this size.
  • The logo is available in three colors, black, white, and full color (red/gray).
  • Like the logo, the symbol needs adequate clear space. Ideally more space should be given, but the star will help guide the required minimum clear space around the symbol.
  • To provide legibility, the minimum width of the symbol should be no smaller than 36 pixels or 0.5 inch. Do not scale the symbol below this size.
  • As with the logo, black, white, and full color (red/gray) options are available in both the original symbol and the reversed or filled version.
  • Unless specifically requested, keep logos one color in either black, gray, or white. Always make sure that HireVue has equal but not exaggerated representation. Shown is the recommended clear space between the HireVue logo and partner logos.
  • NEVER STRETCH, SQUISH, OUTLINE, RECOLOR, ANGLE, PATTERN, OVERLAP, CROP, SHADOW, RE-SPACE, WATERMARK, BREAK APART, USE OLD VERSIONS, OR OTHERWISE MANIPULATE THESE ASSETS AND AS BRAND ADVOCATES, BE SURE TO UPDATE ASSETS THAT HAVE BEEN ALTERED.
  • DO NOT SHADOW
  • DO NOT USE OLD VERSIONS
  • DO NOT STRETCH
  • DO NOT BREAK APART
  • DO NOT RECOLOR
  • Red, black, white, sea green, and yellow are the foundation palette that define an upbeat and confident identity. In conjunction with ample whitespace, a defining feature of the brand is the bright and clean application of the palette. Pantone and CMYK values are used for o°set and digital printing respectively. The RGB and HEX values (#) are similar to the Pantone colors, but are optimized for digital-based design.
  • Three supporting grays will enable users to expand the visual capabilities of the primary palette. If needed, additional percentages of black may be used.
  • The ratio of color is also an essential element for strong brand recognition. The usage ratio graph gives an example of how much of each color in the palette should be used in any given piece.
  • The ‘Aa’ within the color circle is the most appropriate text color to use for legibility when the primary palette is being used as a background color.
  • Pantone 185 C2 M100 Y92 K0 R237 G28 B44 #ED1C2C
  • Pantone 185 C100 M100 Y100 K100 R0 G0 B0 #000000
  • Pantone 185 C2 M100 Y92 K0 R237 G28 B44 #FFFFFF
  • Pantone 3248 C55 M0 Y35 K0 R111 G199 B182 #6FC7B6
  • Pantone 109 C1 M16 Y100 K0 R255 G212 B0 #FFD400
  • 85% Black C0 M0 Y0 K85 R77 G77 B77 #4D4D4F
  • 35% Black C0 M0 Y0 K35 R177 G179 B182 #B1B3B6
  • 15% Black C0 M0 Y0 K15 R220 G221 B222 #DCDDDE
  • To enrich and extend the diversity and accessibility of the brand, the extended palette may be used when the primary palette is insu˛cient. These tints and shades of the primary palette should be used sparingly and in accordance with the usage ratios.
  • The extended palette should not be used as background colors.
  • Pantone 187 C22 M100 Y90 K15 R172 G30 B44 #AC1E2C
  • Pantone 170 C0 M60 Y50 K0 R244 G132 B115 #F48473
  • Pantone 7406 C6 M23 Y100 K0 R240 G193 B26 #F0C11A
  • Pantone 1205 C3 M10 Y54 K0 R248 G222 B139 #F8DE8B
  • Pantone 7719 C100 M36 Y59 K19 R0 G108 B104 #006C68
  • Pantone 3275 C100 M0 Y58 K0 R0 G168 B145 #00A891
  • Pantone 573 C28 M0 Y18 K0 R182 G224 B214 #B6E0D6
  • Font choice is an essential part of the look and feel of a brand. Wherever possible, our corporate font suite should be used to represent HireVue.
  • The two HireVue fonts are Museo Slab and Museo Sans. These fonts are available to every HireVue employee and should be used both internally and externally.
  • Our fonts are not available in some external applications, so a web-safe, highly available font may be used as a replacement. If you are unable to use the corporate fonts, the system fonts of Roboto Slab and Roboto Sans will adequately represent the brand.
  • Typography is the style, arrangement, and appearance of type. It encompasses not only the fonts that are used, but the way in which we use them. These examples will help users better utilize the corporate typography.
  • How your eye moves through a text document is referred to as text hierarchy. A good hierarchy breakdown is legible, makes it easy to scan through documents, and highlights important information. If content does not achieve these things, adjustment should be made to the length of text, background color, font size, weight, or text color until there is proper heirarchy.
  • There are elements that make the text layout unique to HireVue. These tips will help you make more brand-accurate hierarchy and layout decisions when creating content.
  • Use an ampersand (&) in place of the word “and” in headlines, subheaders, and labels.
  • CAP all headlines, subheads, and buttons.
  • Enlarge headlines and subheads
  • Emphasize important information and quotes by separating and enlarging text.
  • Emphasize sentences and words in the copy by bolding the text.
  • Don’t use Museo Slab 1000. Although part of the type family, it is not within brand standards.
  • Avoid widows (single words on a line by themselves). Drop the word before it down to the next line so it isn’t ‘lonely’.
  • Pro Tip: The font Arial is used for quotation marks (“”) in headlines, subheads, and callouts, because of asthetic gaps in the corporate font. If you spot them, switch them out.
  • HireVue photography is defined by simplicity, and a unique, but realistic viewpoint. The focus should be on natural moments that would happen in reality, giving a sense of place and authenticity. Anything outside of these guidelines comes off as disingenuous and gets lost in other “stock” approaches to imagery.
  • High resolution
  • From a unique perspective
  • Genuine emotions or actions
  • Could exist in reality
  • Is not overused
  • Uncluttered
  • Shows diversity in a positive way
  • Is not confusing
  • Emphasizes a concept
  • Isn’t computer generated
  • Textures enhance the look and feel of a brand. They can include patterns, gradients, and photo textures.
  • The brand incorporates a suite of patterns developed to connect to one another and to relate the background imagery to the graphic style.
  • Subtle color gradients may be used occasionally. They can be used both under graphics and as photo overlays.
  • Simple photography and blurred images can also be used as textures behind graphics or text. It is essential that backgrounds do not interfere with legibility. Like in our photography, realism and simplicity are key. Computer generated or fantasy-like images do not fit within brand standards.
  • The graphic style is a way to add interest, variety, and conceptual value to how a brand looks. Just like there are many ways to photograph the same subject, there are many ways to develop a graphic style. The HireVue style’s unique characteristics were developed to make it recognizable within the HR technology space.
  • Our graphic style is used across all platforms including web, print, and event materials, both internally and externally. It combines flat and thin line imagery with the prominent motif or common element of rounded rectangles or ‘pill’ shapes.
  • Icons are a part of our graphic style and the set HireVue uses is called our iconography. These are pre-designed pre-approved visual elements that easily add interest and help support a concept.
  • They can be used in any color within the brand palette. To increase legibility in smaller formats, the icons may be reversed or taken out of their bounding circle. Do not create new icons or alter existing ones. New designs are added regularly to the Brand Assets folder.
Iconography
  • Icons are a part of our graphic style and the set HireVue uses is called our iconography. These are pre-designed pre-approved visual elements that easily add interest and help support a concept.
  • They can be used in any color within the brand palette. To increase legibility in smaller formats, the icons may be reversed or taken out of their bounding circle. Do not create new icons or alter existing ones. New designs are added regularly to the Brand Assets folder.
  • Download link available on on page 16
Layout And Composition
  • The logo needs clear space to stand out. Ideally more space should be given, but the star will help guide the required minimum clear space around the logo.
  • To provide legibility, the minimum width of the logo should be no smaller than 75 pixels or 1 inch. Do not scale the logo below this size.
  • Like the logo, the symbol needs adequate clear space. Ideally more space should be given, but the star will help guide the required minimum clear space around the symbol.
  • To provide legibility, the minimum width of the symbol should be no smaller than 36 pixels or 0.5 inch. Do not scale the symbol below this size.
  • External logos also need to be given the same respect as our logo. Unless specifically requested, keep logos one color in either black, gray, or white. Always make sure that HireVue has equal but not exaggerated representation. Shown is the recommended clear space between the HireVue logo and partner logos.
  • NEVER STRETCH, SQUISH, OUTLINE, RECOLOR, ANGLE, PATTERN, OVERLAP, CROP, SHADOW, RE-SPACE, WATERMARK, BREAK APART, USE OLD VERSIONS, OR OTHERWISE MANIPULATE THESE ASSETS AND AS BRAND ADVOCATES, BE SURE TO UPDATE ASSETS THAT HAVE BEEN ALTERED.
Textures
  • Textures enhance the look and feel of a brand. They can include patterns, gradients, and photo textures.
  • The brand incorporates a suite of patterns developed to connect to one another and to relate the background imagery to the graphic style.
  • Subtle color gradients may be used occasionally. They can be used both under graphics and as photo overlays.
  • Simple photography and blurred images can also be used as textures behind graphics or text. It is essential that backgrounds do not interfere with legibility. Like in our photography, realism and simplicity are key. Computer generated or fantasy-like images do not fit within brand standards.
Patterns
  • Textures enhance the look and feel of a brand. They can include patterns, gradients, and photo textures.
  • The brand incorporates a suite of patterns developed to connect to one another and to relate the background imagery to the graphic style.
Gradients
  • Subtle color gradients may be used occasionally. They can be used both under graphics and as photo overlays.
Photo Textures
  • Simple photography and blurred images can also be used as textures behind graphics or text. It is essential that backgrounds do not interfere with legibility. Like in our photography, realism and simplicity are key. Computer generated or fantasy-like images do not fit within brand standards.
Product Imagery
  • • Put image in an approved device graphic
  • • Zoom into the area being discussed
  • • Use high resolution images
  • • Make sure relevant content is legible
  • • Use only the latest product interface
Infographics
  • The visual representation of data is called an infographic. Using infographics to represent statistic is a great way to interest viewers in complex information. Examples of infographics are shown on the right.
Brand Assets
  • The logo is our most valuable brand asset. It is imperative that it is used correctly and consistently.
  • The logo needs clear space to stand out. Ideally more space should be given, but the star will help guide the required minimum clear space around the logo.
  • To provide legibility, the minimum width of the logo should be no smaller than 75 pixels or 1 inch. Do not scale the logo below this size.
  • The logo is available in three colors, black, white, and full color (red/gray).
  • The symbol may be used in place of the logo when size or context are not appropriate for the full logo.
  • Like the logo, the symbol needs adequate clear space. Ideally more space should be given, but the star will help guide the required minimum clear space around the symbol.
  • To provide legibility, the minimum width of the symbol should be no smaller than 36 pixels or 0.5 inch. Do not scale the symbol below this size.
  • As with the logo, black, white, and full color (red/gray) options are available in both the original symbol and the reversed or filled version.
  • A lockup includes the official logo in combination with other logos, or frequently used graphics and motifs.
  • External logos also need to be given the same respect as our logo. Unless specifically requested, keep logos one color in either black, gray, or white. Always make sure that HireVue has equal but not exaggerated representation. Shown is the recommended clear space between the HireVue logo and partner logos.
  • DO NOT ALTER LOGOS, SYMBOLS, OR OFFICIAL LOCKUPS IN ANYWAY
  • NEVER STRETCH, SQUISH, OUTLINE, RECOLOR, ANGLE, PATTERN, OVERLAP, CROP, SHADOW, RE-SPACE, WATERMARK, BREAK APART, USE OLD VERSIONS, OR OTHERWISE MANIPULATE THESE ASSETS AND AS BRAND ADVOCATES, BE SURE TO UPDATE ASSETS THAT HAVE BEEN ALTERED.
  • DO NOT SHADOW
  • DO NOT USE OLD VERSIONS
  • DO NOT STRETCH
  • DO NOT BREAK APART
  • DO NOT RECOLOR
  • Approved HireVue assets are available to enable consistent branding and communication. You MUST be logged into your @hirevue.com email address to access the full suite of assets which include: ## LOGOS ## PRESENTATION DECK ## EMAIL SIGNATURE ## FONTS ## LETTERHEAD ## PRODUCT IMAGERY ## PRODUCT IMAGERY FRAMES ## PHOTOGRAPHY ## ICONS
  • Share the external link with vendors and partners who need access to our logo and brand guide.
🐛 Report