Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
1Version 1.2 17 November 2015 Corporate identity manual
2Everyone working at Handelsbanken is part of creating our brand so it is important that we agree on how we should look, sound and be perceived by the recipient.
You should both see and feel that Handelsbanken is communicating - regardless of where the communication comes from. We always comply with our guidelines for communication.
Consequently:– We respect and follow the corporate identity profile.– We remember that we want our customers and employees to experience Handelsbanken as “One bank - one brand”.– In all communication our guiding stars are simplicity, clarity and a low-key approach.
Contacts Corporate identity manual: Karin AskellContact information: [email protected] Questions can also be sent to [email protected]
Basic rules
3ContentsCorporate identity manual Introduction Manual structure 4
Brief start Brief facts 5
Group structure Brand structure 6 Logos 7
Logo Main logo 8 Application 11 Clear space 12 Sender 13 Business partners 14 Descriptive addition 16 Group designation 20
Design elements Colours 23 Typography 27 Diagrams, graphs and tables 35 Icons 36 Information graphics 38 Graphical elements 39
Trade fairs /customer meetings Stands 40Design applications Profiled products 41
Images Appendix 43Printed matter Appendix 44Data output Appendix 45Cards Appendix 46Signs on buildings Appendix 47Publications Appendix 48Web/Apps Appendix 49Animated graphics Appendix 50Microsoft Office Appendix 51
4Handelsbanken has one corporate identity manual and nine appendices.Introduction Manual structure
– Corporate identity manual
– Appendix Images– Appendix Printed matter– Appendix Cards– Appendix Signs on buildings– Appendix Animated graphics– Appendix Data output– Appendix Publications– Appendix Web/Apps– Appendix Microsoft Office
Version 0.0
00 Xxxxx 0000 Corporate identity manual
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Printed matter
Corporate identity manualAppendixPrinted matter
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Data output
Corporate identity manualAppendixData output
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Cards
Corporate identity manualAppendixCards
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Signs on buildings
Corporate identity manualAppendixSigns on buildings
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Publications
Corporate identity manualAppendixPublications
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Web/Apps
Corporate identity manualAppendixWeb/Apps
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Animated graphics
Corporate identity manualAppendixAnimated graphics
Corporate identity manual
Version 1.0 August 2013Version 0.0 00 Xxxxxx 0000
Microsoft Office
Corporate identity manualAppendixMicrosoft Office
Corporate identity manual
Version 1.0 August 2013Version 1.0
00 Xxxxxx 0000
Images
Corporate identity manualAppendixImages
TBD TBD TBD
5Brief facts about Handelsbanken’s corporate identity. Quick start Brief facts
LogoMore on page 7
ColourMore on page 22
TypographyMore on page 26
Helvetica Neue LT Pro45 Light55 Roman 56 Italic65 Medium 75 Bold
Correct letter-spacing +-0(In Adobe InDesign)Correct word-spacing,75/80/100%
StagLight Light Italic Book Medium Bold
Correct letter-spacing +-0(In Adobe InDesign)Correct word-spacing,80/100/133%
Large 50-∞ mm
Small 20-49 mm
Identity colourHB1
CMYK:C100, M50,Y0, K15
PMS:Pantone 2945 C&U
RGB:R0, G92, B155
Identity colourHB2
CMYK:C5, M0,Y2, K2
PMS:Pantone 7541 C&U
RGB:R226, G233, B237
Identity colourHB3
CMYK:C24, M3,Y7, K2
PMS:Pantone 552 C&U
RGB:R188, G212, B224
Identity colourHB4
CMYK:C65, M0,Y10, K0
PMS:Pantone 637 C&U
RGB:R66, G181, B215
Identity colourHB5
CMYK:C100, M10,Y0, K15
PMS:Pantone 640 C&U
RGB:R0, G128, B187
Complementary colour HB6
CMYK:C100, M60,Y10, K50
PMS:Pantone 2955 C&U
RGB:R4, G59, B98
Complementary colour HB7
CMYK:C50, M4, Y35, K10
PMS:Pantone 557 C&U RGB: R123, G174, B162
Complementary colour HB8 CMYK:C0, M73, Y15, K0
PMS:Pantone 7423 C&U RGB: R223, G99, B142
Complementary colour HB9
CMYK:C3, M3, Y6, K7
PMS:Warm grey 1 C&U RGB: R222, G221, B220
Signal colourHB10
CMYK:C0, M80, Y80, K0
PMS:Pantone 7625 C&U
RGB:R221, G79, B59
ABCDE ABCDE
6The reason for Handelsbanken’s various logos is the Bank’s brand structure. In general, the principle “One bank – one brand” always applies, but for various reasons there may be an exceptional need to use other brands and sub-brands. These brands can be divided into the following categories:
1. Handelsbanken (basic brand)2. Sub-brands of Handelsbanken3. Separate brands guaranteed by Handelsbanken 4. Internal brands5. Separate brands
Brand
The basic brand and the sub-brands of Handelsbanken comply with the guidelines in this manual.
Other brands have a different graphic design and thus have corporate identity manuals which are totally different from the Bank’s.Exception: Stadshypotek and Kredit-Inkasso.)
Sub-brands of Handelsbanken
Group structure
Internal brands Separate brands
Separate brands guaranteed by Handelsbanken
TBD
Stadshypotekett Handelsbanksföretag
7Handelsbanken has various business areas, subsidiaries, branches, etc.As an exception they may need their own logos.
The following parts of the group have their own logos.
Group structure Logos
Main logo
Logos with descriptive addition
Logos with group designation
TBD
Stadshypotekett Handelsbanksföretag
8The logo should preferably be shown in Handelsbanken’s main colour, PMS 2945, otherwise as negative white or as black. The black logo is only used in black and white productions, that is, when colour reproduction is not possible.In this case, the logo is always 100 per cent black.
Logo Main logo
9There are two versions of the logo. One Large where the logo is more than 50 mm wide and one Small where it is 20–49 mm. 20 mm is the minimum width for Small.
Digital media. Large where the logo is more than 200px wide and Small where it is less than 199px wide.
Logo Main logoLarge/Small
Logo/Large
Logo/Small
∞ mm
49 mm
20 mm
50 mm
10Handelsbanken’s logo is available in six file formats.For printing: EPS. For digital units: GIF, PNG, JPG, BMP and ai.
Logo Main logoFile format
HB_LARGE_CMYK.epsHB_LARGE_PMS2945.epsHB_LARGE_SV.epsHB_LARGE_NEG.eps
HB_SMALL_CMYK.epsHB_SMALL_PMS2945.epsHB_SMALL_SV.epsHB_SMALL_NEG.eps
HB_LARGE_DP_CMYK.epsHB_SMALL_DP_CMYK.eps
HB_LARGE_RGB.jpgHB_LARGE_RGB.pngHB_LARGE_NEG.pngHB_LARGE_RGB.gifHB_LARGE_RGB.BMPHB_LARGE_RGB.ai
HB_SMALL_RGB.jpgHB_SMALL_RGB.pngHB_SMALL_NEG.pngHB_SMALL_RGB.gifHB_SMALL_RGB.BMPHB_SMALL_RGB.ai
Logos for professional printingsuch as magazine and brochure printing.
Logos for printing for daily papers.
Logos for digital media,Word, PPT and Excel.
11Our logo does not consist of individual letters; it is a “word picture”. It must be treated with care and always be represented in its correct form. There must be no variations.
The logo should primarily be placed at the bottom right of a printed unit. If the logo must be placed vertically, it is to be turned 90o clockwise so the H is at the top.Thus, Handelsbanken is read from top to bottom. One exception is beach flags, for which the logotype is turned 90o counterclockwise so the H is at the bottom.
In small-format printed units it may be necessary to place the logo to the left when the other graphics are left-aligned, or have the logo in full width. See the example on the right.
Logo Main logoApplication
Por sapictem volorem excerum quam nonse con eratisimi, eosam, ommodio. Nem qui dollacc ustions ectore laborrum, totatur aut magnisit praecabo. Quos accae conet et rem videmporunt occatur.
– Eosam– Ommodio– Aut magnisit– Nem qui dollacc– Volorem
Branch nameStreet address 00, TownPhone 000-000000handelsbanken.se/kontor
Por sapictem volorem excerum quam nonse con eratisimi, eosam, ommodio. Nem qui dollacc ustions ectore laborrum, totatur aut magnisit praecabo. Quos accae conet et rem videmporunt occatur.
– Eosam– Ommodio– Aut magnisit– Nem qui dollacc– Volorem Branch nameStreet address 00, TownPhone 000-000000handelsbanken.se/kontor
Equos ex am, ut inctia nobis unti volupta.
Equos ex am, ut inctia nobis unti volupta.
12The logo should always be surrounded by a free zone. No other objects are placed in the clear space, such as messages, addresses or other information.
The clear space is a minimum space based on the width of the letter “n” in the logo. The defined clear space must not be reduced, but can be increased.
Logo Main logoClear space
x
x
xx
xx
13Handelsbanken’s principles for the sender in local advertising or distribution of material.
The sender’s address is written as below. The street and town name can be removed if the information is superfl uous. The web address is written without “www” at the beginning of the address.
Handelsbanken’s main logo used in local advertising with a branch as the sender.
Handelsbanken’s main logo is used in local advertising with several branches as sender.
Handelsbanken’s main logo is used in local advertising with one or more branches as the sender and business partners.
Logo Sender
Sender
Logo
Norrköping DrottninggatanDrottningatan 6, Norrköping Phone 011-233700
Norrköping Eneby CentrumSlåttergatan 80, Norrköping Phone 011-364630
Norrköping FjärilsgatanFjärilsgatan 5, Norrköping Phone 011-158280
handelsbanken.se
Norrköping Eneby CentrumStreet 000, TownPhone 011-364630handelsbanken.se/eneby
Here is a mark for a heading that must not exceed two lines
Here is a mark for a heading that must not exceed two lines
Here is a mark for a heading that must not exceed two lines
Alicitia dic to et intotatur re aristrum arissin ne sum fugitis aspercia volor remporia sae volorem rem. Itatior arcide ne niminul parios elibus suntiis sus. Ed quiatur eictaquibus incipicit ullorehent et, sequam volenih illorpo riorae latur, illique vendenis moloruntotas.
Alicitia dic to et intotatur re aristrum arissin ne sum fugitis aspercia volor remporia sae volorem rem. Itatior arcide ne niminul parios elibus suntiis sus. Ed quiatur eictaquibus incipicit ullorehent et, sequam volenih illorpo riorae latur, illique vendenis moloruntotas.
Alicitia dic to et intotatur re aristrum arissin ne sum fugitis aspercia volor remporia sae volorem rem. Itatior arcide ne niminul parios elibus suntiis sus. Ed quiatur eictaquibus incipicit ullorehent et, sequam volenih illorpo riorae latur, illique vendenis moloruntotas.
Norrköping Eneby CentrumSlåttergatan 80, Norrköping Phone 011-364630handelsbanken.se/eneby
In co-operation with:
Branch nameStreet 000, Town Phone 000-000000handelsbanken.se/offi ce
14
When there are business partners’ logos in Handelsbanken’s units, these should be in 100 per cent black.
Logo Business partners
Always with your Allkort cardCidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
Cidel id quod quam optiores-cim sam nectium 20% rabatt quidus. Cidel id quod quam.
handelsbanken.se/allkort
handelsbanken.se handelsbanken.se
15Logo Business partners When a partner and Handelsbanken can be said to be equal as senders in a cooperation, both logotypes should be presented in colour.
handelsbanken.senotar.se
16Handelsbanken has various business areas, subsidiaries, etc.Logos with a descriptive addition are constructed as follows.
Guidelines and an implementation plan are being developed.
Logo Descriptive addition
BasicThis is always the primary option. It is used wherever the logo fits in heightwise.
HorizontalThis is the secondary option.It is only used when the standing logo cannot fit in heightwise. Examples of this are the web and pens.
BasicWhen the logo is shown in black, the line and the descriptive addition are also black.
Horizontal
TBD
17When constructing logos with a descriptive addition.The addition should be 3/4 of the height in the lower case x-height in Handelsbanken’s logo,for web branch logos the addition should be 2/4.The measures below are based on a Handelsbanken logo with a 100 mm width.
When constructing logos with descriptive addition, the Bank’s main logo should be HB_LARGE.
Logo Descriptive additionStructure
BasicPrimary
HorizontalSecondary
HorizontalFor the web. Here the same principle applies as above but the branch name is half the height of lower case letters of Handelsbanken’s logo.
100 mm
Line 0.4 mm. Colour 50% black.
Addition in 50% black.
3.5 mm
XXXX
3 X
3.5 mm
100 mm
Line 0.5 mm. Colour 50% black.
Addition in 50% black.
4.5
mm
4.5
mm
In this space only the addition is allowed, no greetings, etc.
In this space only the addition is allowed, no greetings, etc.
100 mm
Line 0.3 mm.
Branch name and line as a percentage of black with sufficient contrast against the background.
Skanstull
4.5
mm
4.5
mm
TBD
18In order to make the sender’s identity as clear as possible, the logo should always be surrounded by empty space. No other objects are placed in the clear space, such as messages, addresses or other information. The clear space is a minimum space based on the width of the letter “n” in the logo. The defined clear space must not be reduced, but can be increased.
Logo Descriptive additionClear space
Basic
Horizontal
x
x
x
x
x
x
x
x
x
x
TBD
19Handelsbanken’s logos with a descriptive addition are available in six file formats.For printing: EPS. For digital units: GIF, PNG, JPG, BMP and ai.XXX in the naming represents subsidiary or business area.
Logo Descriptive additionFile format
HB_XXX_BASIC_CMYK.epsHB_XXX_BASIC_PMS.epsHB_XXX_BASIC_SV.epsHB_XXX_BASIC_NEG.eps
HB_XXX_Horizontal_CMYK.epsHB_XXX_Horizontal_PMS.epsHB_XXX_Horizontal_SV.epsHB_XXX_Horizontal_NEG.eps
HB_XXX_BASIC_DP_CMYK.epsHB_XXX_Horizontal_DP_CMYK.eps
HB_XXX_BASIC_RGB.jpgHB_XXX_BASIC_RGB.pngHB_XXX_BASIC_NEG.pngHB_XXX_BASIC_RGB.gifHB_XXX_BASIC_RGB.BMPHB_XXX_BASIC_RGB.ai
HB_XXX_Horizontal_RGB.jpgHB_XXX_Horizontal_RGB.pngHB_XXX_Horizontal_NEG.pngHB_XXX_Horizontal_RGB.gifHB_XXX_Horizontal_RGB.BMPHB_XXX_Horizontal_RGB.ai
Logos for professional printingssuch as magazine and brochure printing.
Logos for printing for daily papers.
Logos for digital media,Word, PPT and Excel.
TBD
20Stadshypotek has a group designation under the logo “A part of Handelsbanken”.Logo Group designation
Logo
LogoWhen the logo is shown in black the line and the group designation are also black.
21
100 mm
Line 0.3 mm. Colour 63% black.
Colour 63% black.3,5 mm3,5 mm
Construction of logo with group designation.The measures below are based on a Heartwood logo which are 100 mm wide.
Logo Group designationStructure
Helvetica Neue LT Pro 45 Light 14.5 pt. Colour 63% black.
Helvetica Neue LT Pro 45 Light 14.5 pt. Colour 63% black.
100 mm
Line 0.3 mm. Colour 63% black.
3.5 mm3.5 mm
22Examples of Heartwood with group designation.Logo Group designation
Heartwood is a trading name of Heartwood Wealth Management Ltd which is authorised and regulated by the Financial Conduct Authority in the conduct of investment business, and is a
wholly-owned subsidiary of Svenska Handelsbanken AB (publ). Registered Head Offi ce: Registered in England Number: 4132340.
12 Henrietta Street, Covent Garden, London WC2E 8LH. Tel: 020 7045 1320 Part of the Handelsbanken Group heartwoodgroup.co.uk handelsbanken.co.uk
Heartwood is a trading name of Heartwood Wealth Management Ltd which is authorised and regulated by the Financial Conduct Authority in the conduct of investment business, and is a
wholly-owned subsidiary of Svenska Handelsbanken AB (publ). Registered Head Offi ce: Registered in England Number: 4132340.
12 Henrietta Street, Covent Garden, London WC2E 8LH. Tel: 020 7045 1320 handelsbanken.co.uk77 Mount Ephraim, Tunbridge Wells, Kent TN4 8BS. Tel: 01892 701801 heartwoodgroup.co.uk
23Handelsbanken has a carefully composed palette of colours.The colours are divided into the blue identity colours with the logo colour as the main colour, complementary colours and one signal colour.
Design elements Colours
24Identity colours The colours must be 100 per cent used in the stated colour values, not as tones or a percentages of these.
Handelsbanken’s colours exist in the following colour systems: CMYK, PMS, RGB, HEX and NCS. There may be a visible difference between the different colour systems. This variation is usually due to a limited colour range in the different colour systems.
Design elements Colours
Main colour Identity colour
Identity colours
HB1CMYK: C100, M50, Y0, K15 PMS: Pantone 2945 C&URGB: R0, G92, B155 HEX: 005C9BNCS: S 3065-R90B
HB2CMYK: C5, M0,Y2, K2 PMS: Pantone 7541 C&URGB: R226, G233, B237HEX: E2E9EDNCS: S 1005-B
HB3CMYK: C24, M3, Y7, K2 PMS: Pantone 552 C&URGB: R188, G212, B224 HEX: BCD4E0NCS: S 1515-B20G
HB4CMYK: C65, M0, Y10, K0 PMS: Pantone 637 C&URGB: R66, G181, B215 HEX: 42B5D7 NCS: S 1050-B10G
HB5CMYK: C100, M10, Y0, K15 PMS: Pantone 640 C&URGB: R0, G128, B187 HEX: 0080BBNCS: S 1565-B
25Complementary colours and signal colourThese have been chosen to complement our identity colours.The colours must be 100 per cent used in the stated colour values, not as tones or a percentages of these.
Design elements Colours
Complementary colours
Complementary colours are to be used sparingly and must never take up more than 15 per cent of the layout.
Signal colour
The signal colour is to be used sparingly and must never take up more than 5 per cent of the layout.
HB6CMYK: C100, M60, Y10, K50 PMS: Pantone 2955 C&URGB: R4, G59, B98 HEX: 043B62
HB7CMYK: C50, M4, Y35, K10 PMS: Pantone 557 C&URGB: R123, G174, B162HEX: 7BAEA2
HB10CMYK: C0, M80, Y80, K0 PMS: Pantone 7625 C&URGB: R221, G79, B59 HEX: DD4F3B
HB8CMYK: C0, M73, Y15, K0 PMS: Pantone 7423 C&URGB: R223, G99, B142 HEX: DF638E
HB9CMYK: C3, M3, Y6, K7 PMS: Warm grey 1 C&URGB: R222, G221, B220 HEX: DEDDDC
26In some cases it may be necessary to print documents containing Handelsbanken’s colours in black/white.
Below is shown how the colours appear in black/white. As certain colours are almost identical you must be careful when choosing colours for diagrams, for example.
HB2, HB3, HB4, HB5 and HB6 are the first options when producing diagrams, both in colour and black/white. These combinations give a clear contrast.See the example on the right.
Design elements
Pantone 2945 C&UHB1
Pantone 7541 C&U HB2
Pantone 7541 C&U HB2
Pantone 552 C&UHB3
Pantone 552 C&UHB3
Pantone 637 C&UHB4
Pantone 637 C&UHB4
Pantone 640 C&UHB5
Pantone 640 C&UHB5
Pantone 2955 C&UHB6
Pantone 2955 C&UHB6
Pantone 557 C&UHB7
Pantone Warm grey 1 C&UHB9
Pantone 7423 C&UHB8
Pantone 7625 C&UHB10
Black
ColoursBlack/white
27
HHHandelsbanken has two principal fonts: Helvetica Neue LT Pro and Stag.
Helvetica Neue LT Pro or Stag must be used for all our printed matter.Arial and Georgia Regular must be used for Handelsbanken’s internal communication where Helvetica Neue LT Pro and Stag are not always available, or in digital documents where the recipient does not have access to the fonts.
Design elements Typography
28
45 Light ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
55 Roman ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
65 Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
75 Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Use Helvetica Neue LT Pro in body text, subheadings, graphs and tables.
All font styles below are also available as italics: 46 Light Italic, 56 Italic, 66 Medium Italic and 76 Bold Italic. Italics are used only to highlight certain words and sentences, quotes, subheading level 2, etc. Use italics sparingly and never as headings. 76 Bold Italic is used only for information graphics.
Design elements TypographyHelvetica Neue LT Pro
29
Light ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Book ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Use Stag in headings, introductions and information graphics.
The Light and Book font styles below are also available as italics: Light Italic and Book Italic.The italics are used only to highlight certain words and sentences, quotes, etc.Use italics sparingly and never as headings. Stag Bold Italic is used only for information graphics.
Design elements TypographyStag
30Arial and Georgia must be used for Handelsbanken’s internal communication where Helvetica Neue LT Pro and Stag are not always available, or in digital documents where the recipient does not have access to the fonts.
Design elements TypographyGeorgia and Arial
Georgia Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Georgia Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Arial Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö1234567890
31Here are some examples of recommended adjustments for Helvetica Neue LT Pro. They all refer to Adobe InDesign.
Word space (Tracking / Letter-spacing) Helvetica Neue LT ProAdjustment of the word space in Helvetica Neue LT Pro is minimum 75 optimal 80 maximum 100
x
Line-feed (Leading / Line-feed) Helvetica Neue LT Pro
Hitasin pel perum voluptusdaes aut il essit odi rat eate doluptae dolupis seque cu exerum que voluptus, nient as aspe coribus ut quiam que officiissit ommo coreperum que id entiur rem. Alignie ntotas etus endipsandit aut que rempel mos aut harum adi que nem voluptur acca sam, consecum cumquid estions erspiedendit volo quamet que dolorum es aceperc iumque et pra volo officat ectur? Ellupta tustist fuga. Loremol uptatur?
Correct letter-spacing, +- 0
Hitasin pel perum voluptusdaes aut il essit odi rat eate doluptae dolupis seque cu exerum que voluptus, nient as aspe coribus ut quiam que officiissit ommo coreperum que id entiur rem. Alignie ntotas etus endipsandit aut que rempel mos aut harum adi que nem voluptur acca sam, consecum cumquid estions erspiedendit volo quamet que dolorum es aceperc iumque et pra volo officat ectur? Ellupta tustist fuga. Loremol uptatur?
Incorrect letter-spacing, -30. Type is too tight.
Hitasin perum voluptusdaes aut essit odi rat eate doluptae dolupis seque cu exerum que voluptus, nient aspe coribus ut quiam que officiissit ommo coreperum que id entiur rem. Aligni ntotas etus endipsandit aut que rempel mos aut harum que nem voluptur acca sam, consecum cumquid estions erspiedendit volo quamet que dolorum es aceperc iumque et pra volo officat ectur? Ellupta tustist fuga. Loremol uptatur?
Incorrect letter-spacing, +30. Type is too open.
Hitasin pel perum voluptusdaes aut il essit odi rat eate doluptae dolupis aut seque cu exerum voluptus, nient as aspe coribus ut quiam que officiissit ommo coreperum que id entiur rem fuga. Alignie ntotas etus endip sandit aut que rempel mos aut harum adi que nem voluptur accae sam, consecum cumquid estions erspiendit od quamet que dolorum es aceperc iumque et pra volo officat ectur?
Correct line-feed, 10/12 pt.
Hitasin pel perum voluptusdaes aut il essit odi rat eate doluptae dolupis aut seque cu exerum voluptus, nient as aspe coribus ut quiam que officiissit ommo coreperum que id entiur rem fuga. Alignie ntotas etus endip sandit aut que rempel mos aut harum adi que nem voluptur accae sam, consecum cumquid estions erspiendit od quamet que dolorum es aceperc iumque et pra volo officat ectur?
Incorrect line-feed, 10/10 pt.The line-feed is too tight.
Hitasin pel perum voluptusdaes aut il essit odi rat eate doluptae dolupis aut seque cu exerum voluptus, nient as aspe coribus fuga. Alignie ntotas etus endip sandit aut que rempel mos aut harum adi que nem voluptur accae sam, consecum cumquid estions erspiendit od quamet que dolorum es aceperc iumque et pra volo officat ectur?
Incorrect line-feed, 10/14 pt.The line-feed is too open.
Design elements TypographyAdjustments
32Use the Stag font for headings and Helvetica Neue LT Pro for subheadings.The Bank has two subheading levels. Use these in descending order. Subheadings should be the same size as the following body text.
Design elements TypographyHeading levels
HeadingStag Light
Subheading level 1Helvetica Neue LT Pro65 Medium, sentence case
Subheading level 2Helvetica Neue LT Pro66 Medium Italic, sentence case
Organisation and working methods
Organisation and working methods
Organisation and working methods
33More heading levels may be required for the Bank’s annual reports and some financial information. Subheadings should be the same size as the following body text.
Design elements TypographyHeading levelsAnnual Report
Heading level 1Stag Light 34 pt. / 34 pt.
Heading level 2Stag Light 16 pt. / 18 pt.
Chapter heading level 1Line 0.3 pt underHelvetica Neue LT Pro75 Bold, upper case, +207.75 pt. Line-spacing 10.5 pt.Colour HB4.
Subheading level 1Helvetica Neue LT Pro65 Medium, upper case7.75 pt. Line-spacing 10.5 pt.
Sub-heading level 2Helvetica Neue LT Pro65 Medium, sentence case7.75 pt. Line-spacing 10.5 pt.
Sub-heading level 3Helvetica Neue LT Pro 66 Medium Italic, sentence case7.75 pt. Line-spacing 10.5 pt.
Organisation and working methodsOrganisation and working methods
ORGANISATION AND WORKING METHODS
ORGANISATION AND WORKING METHODS
Organisation and working methods
Organisation and working methods
34
Brochures, Product sheets, Extra leaflets, Posters, Advertisements, InvitationsTypography: Helvetica Neue Pro and Stag
Forms, card carriers and letters which are part of a activity Typography: Helvetica Neue Pro and Stag
Informative letters Heading: Georgia Bold Body text: Georgia Regular
Digital material produced as part of a activity must always have the same typography as the rest of the activity.
Activity site, digital direct advertising and banners Typography: Helvetica Neue Pro and StagUse Arial if it is not technically possible to use the above typography.
Informative e-mails/NewslettersHeading: Arial Bold Body text: Arial Regular
Handelsbanken.se/Mobile ServiceTypography: Helvetica Neue Pro and Stag
PowerPoint Heading: Arial Bold Body text: Arial Regular
Helvetica Neue Pro or Stag must be used for all our printed matter.Arial and Georgia must be used for Handelsbanken’s internal communication, where Helvetica Neue and Stag are not always available, or in digital documents where the recipient does not have access to the fonts.
Design elements Typography
Printed matter
Digital media
35A diagram is a graphic visualisation aimed at simplifying and clarifying numerical information. We must not complicate them by using shadows, perspectives or other decorative elements.Three types are used: bar charts, pie charts and line charts.
Tables can be used for lists. When a larger text size is required, the size of the fields must be adjusted to match the size of the text.
The colour combination is very important. By using only two colours (e.g. light and dark blue), a calmer impression is given. Avoid using many different colours in a diagram – or colours which are close to each other in the colour scale. The choice of colours should be adapted so they suit any other colours on the same page.
It is very important that the text against a coloured background has a good contrast. The tables must also be designed so they can be read on black/white print-outs.
Design elements Diagrams, graphs and tables
Important
0
5
10
15
20
20112010200920082007
%
Lön Ålder
Kr/månad 25 år 35 år 45 år 55 år
20 000 76 102 184 328
30 000 132 178 320 571
40 000 216 291 525 944
50 000 300 405 730 1 316
60 000 384 519 935 1 689
d 2012 2011 2010 2009
Ut veratqui 130 168 281 429
Udant officae 225 292 488 748
Voluptat quia 368 479 800 1 236
Ut veratqui 511 666 1 113 1 724
Officae andis 655 853 1 425 2 212
Tur, occabore veliae que aspidi conse que num quia iunda doloribus nihilla cone non cuptam quid et od qui cor am, sim dolores
Magni unt magnimagnis
Tem et im et distio voleni ducia etus re ver cium vit ium remporum hiligni hilit, cusciis alitis sinctur. Ducia etus re ver cium vit ium remporum hiligni hilit quatis dolorro.
Totatia dicaborest mo erum que nissi que vell uptas quatis dolorro remporporro cora temped modianto mo erum.
Discid eiciatu-sapid excerror sam volorem
Nequi od ea essequatio
Xxxxxx 12%
Xxxxxx 12%
Xxxxxx 12%
Xxxxxx 12%
Xxxxxx 13%
Xxxxxx 13%
Xxxxxx 13%
Xxxxxx 13%
Index
0
50
100
150
200
250 SHB A
OMX Stockholm Banks_PI
OMX Stockholm 30 Index
*Tem et im et distio voleni ducia etus re
ver cium vit ium remporum hiligni hilit,
cusciis alitis sinctur.
Ducia etus re ver cium vit ium remporum
hiligni hilit quatis dolorro.
2011200920072005200320011999
36Smaller icons.
An icon is a symbol which visualises an object or concept using a simplified illustration. They are an aid to rapid communication and are used to clearly and easily represent an object, to refer to something else or to provide information. Icons are only used in our identity colours or in negative white. In exceptional cases, grey tones can also be used. Icons are used at a maximum height or width of 20 mm.
Design elements IconsStreamline
37Larger icons.
These are icons intended as information graphics. They are available as outline (as below) and filled-in. An icon is a symbol which visualises an object or concept using a simplified illustration. They are an aid to rapid communication and are used to clearly and easily represent an object, to refer to something else or to provide information. Icons are only used in our identity colours or in negative white. In exceptional cases, grey tones can also be used.
If an icon is used in large sizes it may be necessary to adjust the thickness of the lines.
Design elements IconsStreamline
RightWhen icons are scaled up and down in size, the thickness of the lines must follow, i.e. the line is thinner when the icon is scaled down and thicker when the icon is scaled up.
WrongHere the thickness of the lines is the same for the large and small icon. The line in the small icon is too thick.
38Information graphics is Handelsbanken’s way of visualising a subject using our fonts, colours and icons. Using information such as text, facts and figures, we are able to clearly illustrate chains of events which improve the reading experience and simplify complex relationships.
Here are ten points to comply with when creating information graphics.
Design elements Information graphics
AaTypography. Use Stag as a heading and Helvetica Neue Pro as body text.2. Smaller icons. These are used to clearly and easily represent an object, to refer to something else or to provide information.7.Layout. Before you start designing, it’s important to analyse the contents and make an assessment of what is important and belongs together. Clear groupings help to guide the reader through the contents.
3.Data. If you have numerical information you want to clarify, bar charts, pie charts and line charts, etc. are useful.
8.
Clarifying graphics.Use clarifying graphics sparingly: only to highlight important information.
4.
Proportions. Make sure the graphics don’t distort the figures and give an incorrect view of the data. This is particularly important in the case of small differences in the data.
9.
Space/area. Empty areas are good. Too much information in a small area is messy and difficult to read.5.
Simplicity. Avoid excessive design elements such as 3D graphics, shadows and decorative illustrations which don’t reinforce the content.
10.
Colours. Always use Handelsbanken’s five identity colours. In case of further need, use complementary and signal colours.
1. Larger icons. These are used to visualise the content and the subject. Use them sparingly.6.
+4%
39We use graphical elements which have a function and communicate vital information, not to decorate or fill out a layout.
Remember:– Use graphical elements sparingly on the cover.– No dates on the cover (this applies to invitations).– Avoid repetition (work with the writer).– No bleed (both cover and insert).
Design elements Graphical elements
VariantsThere are four variants of graphical elements.1. With a fold around the image/plate.2. Corner. 3. Speech bubble/splash.4. Lines next to information.
ContentsThe graphical elements must contain some kind of text which arouses interest such as:– Recommendations.– Tips.– Sell-by date.– Facts.– Selling messages.
ColourThe graphical elements must be in the Bank’s identity or complementary colours.
TypographyThe graphical elements must be in the Bank’s typography Stag or Helvetica Neue Pro.
Message text
Handelsbanken Xxxxx invites you to xxxxx.Ignat perae debisciis nus di nobis sum ipsan et verumquae la consect escitas moluptaeped ut verunt volupti orepta in expligendunt es doluptate ratesci psunt.Quae cor re voloreius, voluptistior as eium vit es mos.
DateWednesday 14 November 2012
Time6 – 7.30 pm
LocationTranås Resebyrå, Vasagatan 27, Tranås
ApplicationReply via e-post [email protected] by phone 0140-38 54 40.
Message text
9/10
Message text
Message text
9/10
1.
3.
2.
4.
40The conditions at trade fairs and customer meetings vary from case to case, so it’s not possible to state fixed rules for their design. But remember to use the graphical elements which together form Handelsbanken’s corporate identity profile – logo, font, colours and images.
Handelsbanken’s stands should be light, streamlined, clean-cut and modern. White and blue are the basic colours and our blue logo colour should be a clear sender. By using a consistent and conscious style, we govern the identity and recognition and give Handelsbanken a clearer profile.
Images should preferably be from Handelsbanken’s own image bank.
Also consider the whole and the surrounding environment so the exhibition is visible from many directions and from far away. It’s important that all of Handelsbanken’s exhibitions have a similar look.
Trade fairs and customer meetings
Stands
41In some cases, it is justifi ed to use presents, advertising and profi led products. The profi led products must strengthen the image of Handelsbanken and must therefore be chosen with care, taking into consideration quality and the environment.
The size of the logo will vary depending on the size of the product in question. The important thing is that the recipient knows that the gift comes from Handelsbanken.
Always remember to comply with the guidelines for colours and clear space for the logo when you are profi ling a product.
Design applications Profi led products
Important
42Ten appendices are part of Handelsbanken’s corporate identity manual.This chapter provides an introduction to each appendix.It is important to read the main manual before the appendices.
Appendices
43Use the existing visual imagery for the time being. Images
Appendix: Images
Corporate identity manual
Version 1.0 August 2013Version 1.0
00 Xxxxxxx 0000
Images
Corporate identity manualAppendixImages
TBD
44Handelsbanken publishes many different kinds of printed matter aimed at companies and individuals: Brochures, Product sheets, Posters and Invitations etc.
There is more detailed information in the Printed matter appendix.
Printed matter
Trygghet för dig som är företagare
MARKNADSFÖRINGSMATERIAL
PENSION OCH FÖRSÄKRING FÖR FÖRETAGARE
Appendix: Printed matter
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Printed matter
Corporate identity manualAppendixPrinted matter
45Data output
Appendix: Data output
Corporate identity manual
Version 1.0 00 Xxxxxxx 0000Version 1.0 00 Xxxxxxx 0000
Data output
Corporate identity manualAppendixData output
TBD
46The bank’s cards are divided into three categories – Simple, Core and Extra. There are both private and business cards in each category. All cards have a border on the left-hand side to distinguish the cards from each other. Private cards have a border in blue tones. Business cards have a border in silver tones, with the exception of gold cards, which have a border in gold tones.
There is more detailed information in the Cards appendix.
Cards
Appendix: Cards
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Cards
Corporate identity manualAppendixCards
MONTH-YEAR
VALID
THRU
0000MONTH-YEAR
VALID
THRU
0000
MONTH-YEAR
VALID
THRU
0000
47Signs on buildings
Appendix: Signs on buildings
For the Bank’s public branches a sign with a blue logo is always used on the exterior; in exceptional cases, a blue logo on a white background. Where possible, a blue awning can be used with a negative white logo on the lower hanging part.
There is more detailed information in the Signs on buildings appendix.
Branch opening hoursMonday 9.30 am – 4 pmTuesday 9.30 am – 4 pmWednesday 9.30 am – 6 pm Thursday 9.30 am – 4 pm
Making appointments +46 (0)8-545 856 30
Personal service, 24 hours a day, 7 days a weekPrivate customers +46 771-77 88 89
Handelsbanken TessinparkenErik Dahlbergsgatan 12www.handelsbanken.se/tessinparken
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Signs on buildings
Corporate identity manualAppendixSigns on buildings
48Handelsbanken publishes several magazines/publications.
There is more detailed information in the Publications appendix on what a magazine from Handelsbanken should look like.
Publications
Appendix: Publications
Tillväxt 1
Lönsamhet och inspiration från Handelsbanken Skog och lantbruk
Nr 1 2013
14tips för
hemvändaren
MARKNAD Priset på foder på väg upp
TRÄ Stålbad för svenska sågverk
INTERVJU Liza Marklund om skogen
Den goda viljanObesprutat lye Gunnagård
EKOLOGISKT
En publikation om placeringar från Handelsbanken
Kapital-marknaden
Intervju Axis vd redo för konkurrens
Placerat Förutsättningar för stigande börser
Aktuellt Oro i Syrien driver upp oljepriset
Stimulanser gynnar
Europas motorTyskland allt starkare, men stor risk för överhettning.
I Latinamerikas största ekonomiblandas framsteg med korruption
och glädjeyra med hybris
BRASILIENSSVAJIGA RESA
E T T M A G A S I N F R Å N H A N D E L S B A N K E N P R I VA T E B A N K I N G . S O M M A R E N 2 0 1 3
MÖT:HANS BLIX
MONICA LINDSTEDTNIKLAS ZENNSTRÖM
STEN KVARFORDHHIDAYET TERCAN
MARCUS LILLIEBJÖRNELAINE ASPMED FLERA
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Publications
Corporate identity manualAppendixPublications
49The web is made up of a logged-on and an open part and these are different in their appearance.The apps are divided into two systems: one for iOS 7 and one for Android. These differ in terms of design due to the different conditions on the two platforms.
There is more detailed information in the Web/Apps appendix.
Web/Apps
Appendix: Web/Apps
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Web/Apps
Corporate identity manualAppendixWeb/Apps
50Handelsbanken’s animated graphics are based on fonts, colours and icons from the corporate identity profile. Using text, graphs, diagrams, facts and figures we can clearly visualise facts which improve the experience and make complex relationships easier to understand.
There is more detailed information in the Animated graphics appendix.
Animated graphics
Appendix: Animated graphics
Corporate identity manual
Version 1.0 August 2013Version 1.1 17 March 2015
Animated graphics
Corporate identity manualAppendixAnimated graphics
51Handelsbanken Microsoft Office consists of Powerpoint, Word and Excel templates. The templates are based on Handelsbanken’s corporate identity profile so as to create a uniform appearance. A number of different variants are available according to requirements.
There is more detailed information in the Microsoft Office appendix.
Microsoft Office
Appendix: Microsoft Office
Corporate identity manual
Version 1.0 August 2013Version 1.1 00 Xxxxxx 0000
Microsoft Office
Corporate identity manualAppendixMicrosoft Office
TBD