Official Websites
Brand Guidelines
2013
Brand Summary
Mission
- The Hero brand aims to communicate engineering, intelligence, and a warmer, more human element through its modern abstract icon and uniquely crafted wordmark [^1].
Core Values
- engineering
- intelligence
- clarity
- warmth
- human element
Target Audience
- Not explicitly stated in the guidelines.
Personality Traits
- modern
- confident
- assured
- friendly
- dynamic
Visual Identity Overview
- Hero’s visual identity centers on geometric shapes, a bold red and black color palette, a modern sans-serif wordmark, and strict logo usage rules. The design is clean, minimalistic, and emphasizes clarity, legibility, and visual impact [^2].
Categories
Brand Imagery
- Always use approved master artwork and do not attempt to recreate any artwork.
- Wherever Possible always use the approved artwork files. DO NOT attempt to recreate elements of the Brand Identity.
- The Hero Brand Identity should never be reproduced at a scale smaller than the specified minimum sizes. This will ensure the legibility of the Brand Identity at all times.
- The Hero Primary Horizontal Lockup must never be reproduced at less than 20mm in width.
- The Hero Primary Vertical Lockup must never be reproduced at less than 12mm in width.
- A minimum clear space must always be present when applying the Brand Identity. Clear space prevents the Identity from appearing too close to the edge of an application or coming into content with other design elements, therefore protecting the integrity and legibility of the Brand Identity at all times
- Always allow a minimum clear space equal to width of one element of the icon
- Always use approved master artwork. Never alter or recreate the Brand Identity. Opposite are examples of incorrect use of the Brand Identity.
- NEVER ALTER THE SPACIAL RELATIONSHIP BETWEEN THE BRAND IDENTITY ELEMENTS NEVER CHANGE THE COLORS OF THE BRAND IDENTITY
- NEVER CHANGE THE PROPORTIONS OF THE BRAND IDENTITY
- NEVER PLACE THE BRAND IDENTITY ON A COLOUR WHICH COMPROMISES THE LEGIBILITY OF THE BRAND IDENTITY
- NEVER PUT A KEY-LINE AROUND THE BRAND IDENTITY
- NEVER SET THE BRAND IDENTITY AT ANY ANGLE
- NEVER PLACE THE BRAND IDENTITY ON AN IMAGE WHICH COMPRISES ITS LEGIBILTY NEVER CHANGE THE FONTS OF THE BRAND IDENTITY WORDMARK NEVER OVERLAY THE BRAND IDENTITY ELEMENTS OVER EACH OTHER
- Colour Breakdowns Shown opposite are the colour breakdowns for the primary colour palette. The following values should be used with the following applications: Pantone - offset printing CMYK – offset/digital printing RGB – on screen HEX – web Pantone standards are shown in the current editions of the Pantone Colour Publications. The colours shown here are not intended to match the Pantone˜ colour standards and are an indication only. Pantone is a registered trademark of Pantone, Inc.
- PANTONE RED 032 C CMYK: C 000, M 100, Y 100, K 000 RGB: R 255, G 000, B 000 HEX: # ff0000
- PANTONE PROCESS BLACK CMYK: C 000, M 000, Y 000, K 100 RGB: R 000, G 000, B 000 HEX: # 000000
Color Palette
- NEVER CHANGE THE COLORS OF THE BRAND IDENTITY
- NEVER PLACE THE BRAND IDENTITY ON A COLOUR WHICH COMPROMISES THE LEGIBILITY OF THE BRAND IDENTITY
PRIMARY COLOUR PALETTE Always use approved master artwork. Never alter or recreate the Brand Identity. Opposite are examples of incorrect use of the Brand Identity.
- Colour Breakdowns Shown opposite are the colour breakdowns for the primary colour palette.
- The following values should be used with the following applications: Pantone - offset printing CMYK – offset/digital printing RGB – on screen HEX – web
- Pantone standards are shown in the current editions of the Pantone Colour Publications. The colours shown here are not intended to match the Pantone˜ colour standards and are an indication only. Pantone is a registered trademark of Pantone, Inc.
- PANTONE RED 032 C CMYK: C 000, M 100, Y 100, K 000 RGB: R 255, G 000, B 000 HEX: # ff0000
- PANTONE PROCESS BLACK CMYK: C 000, M 000, Y 000, K 100 RGB: R 000, G 000, B 000 HEX: # 000000
Typography
- The Wordmark is a uniquely crafted modern typeface. The combination of clean lines and open letterforms adds a warmer more human element to the Brand identity.
- The primary English typeface is TStar. It is modern and solid whilst communicating with confidence and assurance. TStar’s distinctive letterforms offer gravitas at larger sizes whilst retaining simplicity and legibility at smaller sizes. TStar should be used predominantly on all English communication.
- TStra is available to purchase from www.fontshop.com
- For digital applications such as Microsoft Word, the system font Arial should be used.
- NEVER CHANGE THE FONTS OF THE BRAND IDENTITY WORDMARK
Logo Usage
- Always use approved master artwork and do not attempt to recreate any artwork.
- The Primary Lockups of the Brand Identity are provided as artwork files along with this guidelines document. Wherever Possible always use the approved artwork files. DO NOT attempt to recreate elements of the Brand Identity.
- The Hero Brand Identity should never be reproduced at a scale smaller than the specified minimum sizes. This will ensure the legibility of the Brand Identity at all times.
- The Hero Primary Horizontal Lockup must never be reproduced at less than 20mm in width.
- The Hero Primary Vertical Lockup must never be reproduced at less than 12mm in width.
- A minimum clear space must always be present when applying the Brand Identity. Clear space prevents the Identity from appearing too close to the edge of an application or coming into content with other design elements, therefore protecting the integrity and legibility of the Brand Identity at all times
- Always allow a minimum clear space equal to width of one element of the icon
- It is crucial when placing the identity that the overall size be considered. The identity should be used at its maximum scale within space available whilst following clear space rules.
- The Primary Horizontal Lockup MUST be utilized when vertical space is limited. See CORRECT Horizontal Lockup Placement. The Primary Horizontal Lockup MUST NOT be utilized when horizontal space is limited. See INCORRECT Horizontal Lockup Placement
- The Primary Vertical Lockup MUST be utilized when horizontal space is limited. See CORRECT Vertical Lockup Placement. The Primary Vertical Lockup MUST NOT be utilized when vetical space is limited. See INCORRECT Vertical Lockup Placement
- Always use approved master artwork. Never alter or recreate the Brand Identity. Opposite are examples of incorrect use of the Brand Identity.
- NEVER ALTER THE SPACIAL RELATIONSHIP BETWEEN THE BRAND IDENTITY ELEMENTS NEVER CHANGE THE COLORS OF THE BRAND IDENTITY
- NEVER CHANGE THE PROPORTIONS OF THE BRAND IDENTITY
- NEVER PLACE THE BRAND IDENTITY ON A COLOUR WHICH COMPROMISES THE LEGIBILITY OF THE BRAND IDENTITY
- NEVER PUT A KEY-LINE AROUND THE BRAND IDENTITY
- NEVER SET THE BRAND IDENTITY AT ANY ANGLE
- NEVER PLACE THE BRAND IDENTITY ON AN IMAGE WHICH COMPRISES ITS LEGIBILTY NEVER CHANGE THE FONTS OF THE BRAND IDENTITY WORDMARK NEVER OVERLAY THE BRAND IDENTITY ELEMENTS OVER EACH OTHER
- Pantone - offset printing CMYK – offset/digital printing RGB – on screen HEX – web
- Pantone standards are shown in the current editions of the Pantone Colour Publications. The colours shown here are not intended to match the Pantone˜ colour standards and are an indication only. Pantone is a registered trademark of Pantone, Inc.
Visual Style
- Always use approved master artwork and do not attempt to recreate any artwork.
- The Primary Lockups of the Brand Identity are provided as artwork files along with this guidelines document. Wherever Possible always use the approved artwork files. DO NOT attempt to recreate elements of the Brand Identity.
- The Primary Lockups of the Brand Identity are created using ratios of the Icon and wordmark. In cases such as die-casting the Identity elements separately, these ratios can be determined by the following rules.
- Distance from Icon to wordmark is determined by the width of one full Icon.
- Size of the wordmark is determined by the width of one vertical element of the Icon aligned to the space within the letter ‘H’.
- Wordmark is centered horizontally with the Icon.
- Distance from Icon to the wordmark is determined by the width of one vertical element of the Icon rotated 90 degrees.
- Size and positioning of the wordmark is determined by the width of the Icon aligning to the letters ‘er’ from the wordmark.
- The Hero Brand Identity should never be reproduced at a scale smaller than the specified minimum sizes. This will ensure the legibility of the Brand Identity at all times.
- The Hero Primary Horizontal Lockup must never be reproduced at less than 20mm in width.
- The Hero Primary Vertical Lockup must never be reproduced at less than 12mm in width.
- A minimum clear space must always be present when applying the Brand Identity. Clear space prevents the Identity from appearing too close to the edge of an application or coming into content with other design elements, therefore protecting the integrity and legibility of the Brand Identity at all times
- Always allow a minimum clear space equal to width of one element of the icon
- It is crucial when placing the identity that the overall size be considered. The identity should be used at its maximum scale within space available whilst following clear space rules.
- The Primary Horizontal Lockup MUST be utilized when vertical space is limited. See CORRECT Horizontal Lockup Placement. The Primary Horizontal Lockup MUST NOT be utilized when horizontal space is limited. See INCORRECT Horizontal Lockup Placement
- The Primary Vertical Lockup MUST be utilized when horizontal space is limited. See CORRECT Vertical Lockup Placement.
- The Primary Vertical Lockup MUST NOT be utilized when vetical space is limited. See INCORRECT Vertical Lockup Placement
- Always use approved master artwork. Never alter or recreate the Brand Identity. Opposite are examples of incorrect use of the Brand Identity.
- NEVER ALTER THE SPACIAL RELATIONSHIP BETWEEN THE BRAND IDENTITY ELEMENTS NEVER CHANGE THE COLORS OF THE BRAND IDENTITY
- NEVER CHANGE THE PROPORTIONS OF THE BRAND IDENTITY
- NEVER PLACE THE BRAND IDENTITY ON A COLOUR WHICH COMPROMISES THE LEGIBILITY OF THE BRAND IDENTITY
- NEVER PUT A KEY-LINE AROUND THE BRAND IDENTITY
- NEVER SET THE BRAND IDENTITY AT ANY ANGLE
- NEVER PLACE THE BRAND IDENTITY ON AN IMAGE WHICH COMPRISES ITS LEGIBILTY NEVER CHANGE THE FONTS OF THE BRAND IDENTITY WORDMARK NEVER OVERLAY THE BRAND IDENTITY ELEMENTS OVER EACH OTHER
- Colour Breakdowns Shown opposite are the colour breakdowns for the primary colour palette. The following values should be used with the following applications: Pantone - offset printing CMYK – offset/digital printing RGB – on screen HEX – web
- Pantone standards are shown in the current editions of the Pantone Colour Publications. The colours shown here are not intended to match the Pantone˜ colour standards and are an indication only. Pantone is a registered trademark of Pantone, Inc.
- PANTONE RED 032 C CMYK: C 000, M 100, Y 100, K 000 RGB: R 255, G 000, B 000 HEX: #ff0000
- PANTONE PROCESS BLACK CMYK: C 000, M 000, Y 000, K 100 RGB: R 000, G 000, B 000 HEX: #000000
- The primary English typeface is TStar. It is modern and solid whilst communicating with confidence and assurance. TStar’s distinctive letterforms offer gravitas at larger sizes whilst retaining simplicity and legibility at smaller sizes. TStar should be used predominantly on all English communication.
- For digital applications such as Microsoft Word, the system font Arial should be used.
Layout And Composition
- The static elements of the symbol and the wordmark can be locked in two ways: • Primary Horizontal Identity • Primary Vertical Identity
- The Primary Horizontal Lockup is utilized on all applications where vertical space is limited. See Identity Placement.
- Always use approved master artwork and do not attempt to recreate any artwork.
- The Primary Vertical Lockup is utilized on all applications where horizontal space is limited. See Identity Placement.
- The Primary Lockups of the Brand Identity are provided as artwork files along with this guidelines document. Wherever Possible always use the approved artwork files. DO NOT attempt to recreate elements of the Brand Identity.
- The Primary Lockups of the Brand Identity are created using ratios of the Icon and wordmark. In cases such as die-casting the Identity elements separately, these ratios can be determined by the following rules.
- Distance from Icon to wordmark is determined by the width of one full Icon.
- Size of the wordmark is determined by the width of one vertical element of the Icon aligned to the space within the letter ‘H’.
- Wordmark is centered horizontally with the Icon.
- Distance from Icon to the wordmark is determined by the width of one vertical element of the Icon rotated 90 degrees.
- Size and positioning of the wordmark is determined by the width of the Icon aligning to the letters ‘er’ from the wordmark.
- The Hero Brand Identity should never be reproduced at a scale smaller than the specified minimum sizes. This will ensure the legibility of the Brand Identity at all times.
- The Hero Primary Horizontal Lockup must never be reproduced at less than 20mm in width.
- Where possible, carry out production testes on alternative materials to ensure legibility.
- The Hero Primary Vertical Lockup must never be reproduced at less than 12mm in width.
- A minimum clear space must always be present when applying the Brand Identity. Clear space prevents the Identity from appearing too close to the edge of an application or coming into content with other design elements, therefore protecting the integrity and legibility of the Brand Identity at all times
- Always allow a minimum clear space equal to width of one element of the icon
- It is crucial when placing the identity that the overall size be considered. The identity should be used at its maximum scale within space available whilst following clear space rules.
- The Primary Horizontal Lockup MUST be utilized when vertical space is limited. See CORRECT Horizontal Lockup Placement. The Primary Horizontal Lockup MUST NOT be utilized when horizontal space is limited. See INCORRECT Horizontal Lockup Placement
- The Primary Vertical Lockup MUST be utilized when horizontal space is limited. See CORRECT Vertical Lockup Placement. The Primary Vertical Lockup MUST NOT be utilized when vetical space is limited. See INCORRECT Vertical Lockup Placement
- Always use approved master artwork. Never alter or recreate the Brand Identity. Opposite are examples of incorrect use of the Brand Identity.
- NEVER ALTER THE SPACIAL RELATIONSHIP BETWEEN THE BRAND IDENTITY ELEMENTS NEVER CHANGE THE COLORS OF THE BRAND IDENTITY
- NEVER CHANGE THE PROPORTIONS OF THE BRAND IDENTITY
- NEVER PLACE THE BRAND IDENTITY ON A COLOUR WHICH COMPROMISES THE LEGIBILITY OF THE BRAND IDENTITY
- NEVER PUT A KEY-LINE AROUND THE BRAND IDENTITY
- NEVER SET THE BRAND IDENTITY AT ANY ANGLE
- NEVER PLACE THE BRAND IDENTITY ON AN IMAGE WHICH COMPRISES ITS LEGIBILTY NEVER CHANGE THE FONTS OF THE BRAND IDENTITY WORDMARK NEVER OVERLAY THE BRAND IDENTITY ELEMENTS OVER EACH OTHER
- The width of one vertical element of the icon must be the measurement used for all alignments and the width of the climber.
- One vertical element of the icon will be referred to as A.
- Rotate one vertical element of the icon (A) by 90 degrees and place it below the icon as shown (A1) to define the distance between the icon and the bottom of the layout.
- Place A against the right side of the layout to define the space between the wordmark and the right hand side of the layout as shown (A2).
- Element A must be rotated 90 degrees and placed on the top left corner of the icon as shown.
- Element A3 must be placed such that the top left corner of A3 is aligned with the left side of the icon.
- Extend a dotted line L1 from the icon upwards as shown through the top left corner of A3.
- Extend a second line L2 from A3 as shown.
- The climber consists of two bands that are both of the same width as A.
- Extend the band D1 from the bottom of the layout till the point of intersection of L1 and L2 as shown, at an angle of 35 degrees.
- The width of D1 must be equal to the width of A.
- D1 must be at an angle of 35 degrees from the bottom of the layout.
- The top right corner of D1 must be at the point where L1 and L2 intersect
- No part of D1 must extend past the bottom left quadrant of L1 and L2.
- Extend a second line D2 from the intersection of L1 and L2
- The width of D2 must be the equal to the width of A
- D2 must begin from the intersection of L 1 and L2
- The bottom left corner of D2 must be at the point where L1 and L2 intersect
- D2 must be at an angle of 35 degrees from the intersection of L1 and L2.
- D2 should run parallel to D1 towards the end of the layout.
- No part of D2 must extend below the top right quadrant of L1 and L2.
- Rotate the entire Hero logo template by 180 degrees.
- Ungroup the Hero logo from the template and then rotate it also 180 degrees.
- Check that the alignment is as shown.
- Reflect the entire Hero logo template vertically as shown.
- Ungroup the Hero logo and reflect it vertically.
- Reflect the entire Hero logo template horizontally as shown.
- Ungroup the Hero logo and reflect it again horizontally.
- Check that the alignment is as shown
- The page must be divided into 3 equal parts. The bottom corner of the Hero logo template must be placed at the bottom left corner of the 1division. Keeping the original proportion it must be re-sized in 1/3 of the layout in as shown.
- The page must be divided into 3 equal parts. The top corner of the Hero logo template must be placed at the top right corner of the 3rd division. Keeping the original proportion it must be re-sized in 1/3rd of the layout as shown.
- The page must be divided into 4 equal parts. The top corner of the Hero logo template must be placed at the top right corner of the 4th quarter. Keeping the original proportion it must be re-sized in 1/4th of the layout as shown.
- The page must be divided into 4 equal parts. The bottom corner of the Hero logo template must be placed at the bottom left corner of the 1quarter. Keeping the original proportion it must be re-sized in 1/4 of the layout as shown.
- The page must be divided into 2 equal parts. The bottom left corner of the Hero logo template must be placed at the bottom left corner of the 2half. Keeping the original proportion it must be re-sized in 1/2 the layout as shown.
- The page must be divided in 2 equal parts. The top right corner of the Hero logo template must be placed at the top right corner of the 1half. Keeping the original proportion it must be re-sized in 1/2 the layout as shown.
- The page must be divided into 3 equal parts. The bottom left corner of the Hero logo template must be placed at the bottom left corner of the 3 division. Keeping the original proportion it must be re-sized in 1/3 of the layout as shown.
- The page must be divided into 3 equal parts. The top right corner of the Hero logo template must be placed at the top right corner of the 1division. Keeping the original proportion it must be re-sized in 1/3 of the layout as shown.
- The page must be divided into 3 equal parts. The bottom corner of the Hero logo template must be placed at the bottom left corner of the 1° division. Keeping the original proportion it must be re-sized in the layout as shown.
- The page must be divided into 3 equal parts. The bottom corner of the Hero logo template must be placed at the bottom left corner of the 1division. Keeping the original proportion it must be re-sized in 1/3 of the layout as shown.
- The page must be divided into 3 equal parts. The top corner of the Hero logo template must be placed at the top right corner of the 3 division. Keeping the original proportion it must be re-sized in 1/3 of the layout as shown.
- The page must be divided into 4 equal parts. The top corner of the Hero logo template must be placed at the top right corner of the 4 quarter. Keeping the original proportion it must be re-sized in 1/4 of the layout as shown.
- The page must be divided into 4 equal parts. The top right corner of the Hero logo template must be placed at the top right corner of the 1quarter. Keeping the original proportion it must be re-sized as shown.
🐛 Report