Corporate identity manual Version 1.2 17 November 2015 · 2016. 4. 12. · Corporate identity...

51
1 Version 1.2 17 November 2015 Corporate identity manual

Transcript of Corporate identity manual Version 1.2 17 November 2015 · 2016. 4. 12. · Corporate identity...

  • 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