ihub
BRAND GUIDELINES 2013
SAY HELLO TO IHUB Our brand is more than our logo. It is a design scheme made up of a number of core elements and guiding principles that combine to create a distinctive look and feel that is immediately
TABLE OF CONTENTS 01 The Logo
- Main Logo - Logo on light backgrounds - Logo on dark backgrounds - Minimum sizes & exclusion zone - Incorrect use - On backgrounds - Incorrect use on photos
02 Colours
- Colour Palette - Primary & Secondary Colours - Tertiary colours
03 Typography
- Character & Paragraph Styles
04 Graphic elements - Main logo and icons - UX and Research - Consulting and Cluster
05 Stationery - Business card
06 The Brand
- All the iHub branded marchandise
01 LOGO
THE IHUB LOGO The most visible element of our identity - a universal mark across all iHub Platforms. It’s a guarantee of quality that unites our diverse products and services. Our logo is a bold, simple, graphic statement. It signifies unity, wholeness and connection.
ihub identity The Icon
LOGO Main Logo
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
ihub logos
Logos on light backgrounds
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
coloured logos
T E A M S
.
P R O J E C T S
.
C O O R D I N A T I O N
.
C O O R D I N A T I O N
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
black and white logos
T E A M S
.
P R O J E C T S
ihub logos
Logos on dark backgrounds
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
coloured logos
T E A M S
.
P R O J E C T S
.
C O O R D I N A T I O N
.
C O O R D I N A T I O N
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
white logos
T E A M S
.
P R O J E C T S
ihub logos
Minimum sizes & exclusion zone The iHub logo should always have breathing space. This can be determined by half the height (radius) of the circle icon. The minimum recommended size for the main iHub logo is 4mm high (print) and 20px high (screen). When using a secondary Hagland logo the minimum recommended is size 6mm high (print) and 25px high (screen).
X 3X TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
ihub logos
Minimum sizes & exclusion zone The iHub logo should always have breathing space. This can be determined by half the height (radius) of the circle icon. The minimum recommended size for the main iHub logo is 4mm high (print) and 20px high (screen). When using a secondary Hagland logo the minimum recommended is size 6mm high (print) and 25px high (screen).
3X
X
X
3X
X 3X
X 3X T E A M S
.
P R O J E C T S
.
C O O R D I N A T I O N
ihub logos Incorrect use
To maintain brand consistency and quality, the iHub logo is not to be manipulated or changed in any way. This page presents a variety of incorrect and unacceptable logo treatments. Do not separate the elements. Never attempt to create the logo yourself, change the font, or alter the size or proportions.
PLEASE DON’T RESIZE THE ELEMENTS INDEPENDENTLY
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
PLEASE DON’T APPLY ANY EFFECTS
PLEASE DON’T ROTATE THE LOGO
TEC HNO LOG Y . INN OVA T
PLEASE DON’T STRETCH THE LOG
T E C H N O L O G Y
ION . CO MMU NIT Y
PLEASE DON’T ADD EXTRA ELEMENTS
2013 TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
PLEASE DON’T REARRANGE THE ELEMENTS
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
.
I N N O V A T I O N
.
C O M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
PLEASE DON’T SKEW THE LOGO
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
PLEASE DON’T RECOLOUR THE LOGO
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
ihub logos On backgrounds
TThe black & white logo can only appear on a background image if the image allows the logo to be clearly visible, as shown below. If the image is rich in detail and colour, use the black or white logo. The logo may be placed on a background colour. However, use the correct colour logo according to the strength of the background colour
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
T E A M S
.
P R O J E C T S
.
C O O R D I N A T I O N
ihub logos Incorrect use on photos
If the image is rich in detail, do not place the logo over it, because the logo will not be legible. Please don’t use the logo on a strongly dissonant background that fights with logo colours. Please don’t add transparency or shadows to enhance the logo on backgrounds
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
T E A M S
.
P R O J E C T S
.
C O O R D I N A T I O N
02
colours
ihub COLOURS Colour Palette
ihub COLOURS Primary and secondary colours
C M Y K 79 68 58 67
C M Y K 15 0 91 0
R 30
R G 227 231
G 36 WEB 1E242B
B 43
WEB E3E733
B 51
C M Y K 8 5 49 0 R G B 237 228 153 WEB EDE499
ihub COLOURS Tertiary colours
C M Y K 53 45 44 9
C M Y K 38 48 0 0
R G B 123 122 123
R G B 160 136 191
WEB 7B7A7B
WEB A088BF
C M Y K 61 0 9 0 R 74
G B 198 226 WEB 4AC6E2
C M Y K 0 49 98 0 R G B 247 149 33 WEB F79521
03
Typog raphy
TYPOGRAPHY The iHub typeface is Neo Sans Std, described by its creator as a sweet type family. It is at the heart of the Ihub identity and is the foundation for all iHub branding. Clean, distinctive and legible. Plus, we’ve backed it up with the beautiful Helvetica to add that classical feel.
TYPOGRAPHY
Character & Paragraph Styles
NEO SANS STD Primary Typeface
Aa
Neo Sans Std Light Neo Sans Std Regular Neo Sans Std Medium Neo Sans Std Bold
NEO SANS STD
HELVETICA Print content typeface
Aa
Helvetica Light Helvetica Regular Helvetica Bold Helvetica Black
HELVETICA
OSWALD Web Header text
Aa OSWALD
Oswald Light Oswald Book Oswald Bold
TYPOGRAPHY
Character & Paragraph Styles
Aa
Aa
NEO SANS STD
HELVETICA
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå 1234567890
In Norway the PSV market has been tight for most parts of the month as Statoil has held a significant amount of tonnage on hire throughout the month. Some of these vessels will commence term contracts in direct continuation if their present spot charters and it remains to be seen what effect this will have on the spot market.s
In Norway the PSV market has been tight for most parts of the month as Statoil has held a significant amount of tonnage on hire throughout the month. Some of these vessels will commence term contracts in direct continuation if their present spot charters and it remains to be seen what effect this will have on the spot market.
Aa
Aa
OSWALD
VERDANA
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå 1234567890
In Norway the PSV market has been tight for most parts of the month as Statoil has held a significant amount of tonnage on hire throughout the month.
In Norway the PSV market has been tight for most parts of the month as Statoil has held a significant amount of tonnage on hire throughout the month.
04
Graphics Elements
GRAPHIC ELEMENTS Our graphic identity is more than just our logo, typeface, and colours. An important part of our graphics look and feel are the use of our icons. Used as a backdrop to our branding, the icons provide a subtle but engaging graphic look and feel to all our communications and identity.
Graphics Elements The Icons
iHub Icons Icon colour
Full-colour reversed logo with icon
Icon Combination
HEX #E3E733 RGB= 227 231 51 CMYK= 15 0 91 0 TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y
technology
innovation
community
icon interpretations / meaning
Graphics Elements The Icons
UX Icons Icon colour
Full-colour reversed logo with icon
Icon Combination
HEX #F79521 RGB= 247 149 33 CMYK= 0 49 98 0
design
training
testing
icon interpretations / meaning
Research Icons Full-colour reversed logo with icon
Icon colour
Icon Combination
HEX #A088BF RGB= 160 136 191 CMYK= 38 48 0 0
knowledge
discovery
sharing
icon interpretations / meaning
Graphics Elements The Icons
Consulting Icons Icon colour
Full-colour reversed logo with main icon
Consulting T E A M S
.
P R O J E C T S
teams
.
Icon Combination
HEX #4AC6E2 RGB= 74 198 226 CMYK= 61 0 9 0
C O O R D I N A T I O N
projects
coordination
icon interpretations / meaning
Cluster Icons Full-colour reversed logo with main icon
Icon colour
Icon Combination
HEX #7B7A7B RGB= 123 122 123 CMYK= 53 45 44 9
access
computing
scale
icon interpretations / meaning
05
Stationery
06
photography
PHOTOGRAPHY Our graphic identity is more than just our logo, typeface, and colours. An important part of our graphics look and feel are the use of our icons. Again, the graphical element of our identity comes in use as a tool to watermark all the photography pieces from the company.
ihub photography The watermark.
This is the watermark that is to be used on photos of the iHub. The watermark comprises of the ihub icon (check iHub identity: The Icon) and Neo Sans Std font that says IHUB PHOTOGRAPHY in Medium weight.
The Icon
Watermark logo to be used in a light background situation.
Font: Neo Sans Std (Medium)
Watermark logo to be used in a dark background situation.
ihub photography Watermark application
Here is a scenario where the Watermark for light backgrounds is applied. (Watermark is embedded at 50% Opacity)
ihub photography Watermark application
Here is a scenario where the Watermark for dark backgrounds is applied. (Watermark is embedded at 50% Opacity)
TE C H N O LO G Y . I N N OVAT I O N . CO M M U N I T Y