Brand identity guidelines Specifications: 2.2 Color. v3.1 / July 29, 2014

Transcription

1 Specifications: 2.2

2 Specifications: 2.2 Page 2 1. definition (1/2) next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility Corporate colors SIX Group Primary colors Swiss Exchange Exchange Regulation Name CMYK Uncoated CMYK Coated CMYK Newspaper Pantone Uncoated Pantone Coated SIX Red U 485 C SIX U 425 C SIX Frost Cool Gray 3 U Cool Gray 3 C DSX Marine U 295 C DSX Tea U 577 C Securities Services DSS Ocean U 293 C DSS Horizon U 292 C Financial Information DFI Pool U 3015 C DFI Glacier U 304 C Payment Services DPS Ruby U 7420 C DPS Sun U 135 C Secondary colors Clay Warm Gray 4 U Warm Gray 5 C Cocoa U 476 C Aubergine U 229 C Tangerine U 159 C Cornflower U 7458 C Teal U 5405 C Laurel U 316 C Olive U 583 C Grove U 450 C Sand U 7502 C Black White

3 Specifications: 2.2 Page 3 1. definition (2/2) back 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility Corporate colors SIX Group Primary colors Swiss Exchange Exchange Regulation Name RGB HEX RAL NCS 3M Scotchcal * SIX Red DE Y80R SIX E4E4E N SIX Frost D1D2CB R80B DSX Marine C5F R80B DSX Tea B8D G30Y Securities Services DSS Ocean C R80B DSS Horizon C1E R90B Financial Information DFI Pool D B DFI Glacier B4DEE B Payment Services DPS Ruby D R10B DPS Sun FDC Y10R Secondary colors Clay ADA R Cocoa F Y50R Aubergine C R20B Tangerine D Y50R Cornflower BFCF B Teal E R90B Laurel B50G Olive C3CB G60Y Grove B G70Y Sand D8BE8B Y10R Black N White FFFFFF N *3M Scotchcal colors can be produced within 2-3 weeks as foils.

4 Specifications: 2.2 Page 4 2. usage 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility in SIX design elements Please refer to the rules below before applying color to the logo, type, Pace field, Pace line art or charts and graphs. Elements 1. Logo 2. Type General rules Use dark colors for type Never use secondary colors on covers 3. Pace field, covers 4. Pace field 5. Pace line art 6. Charts and graphs Im aut eugiat Andia met nonsendipit wis nulpute dolore min s Corporate colors Corporate colors Corporate colors Corporate colors Corporate colors Corporate colors Dark primary colors Primary colors Primary colors Primary colors Primary colors Dark secondary colors Secondary colors Secondary colors Secondary colors Tints (90%-10%) Rules Use SIX Red and SIX for logo Never use SIX Red for anything other than the logo Use SIX as standard text color Use black as standard text color for office applications Use dark colors to emphasize text Never use color tints for type Use primary color pairs of the respective division Use any pair of secondary colors that matches the title picture if no specific division is emphasized Use any of the primary or secondary colors Use tints for Pace field with text Pace line art may appear in any primary or secondary color or in Do not use color tints for the Pace line art Preferred: dark primary color with color tints If needed, add light primary color with tints Use of secondary color pairs is also possible Avoid mixing too many different colors Never use SIX Red

5 Specifications: 2.2 Page 5 3. palettes 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility Load color palettes To add a color palette to the toolbox navigation, click and hold the small black arrow at the upper left of the toolbox. Select Load swatches from the pull-down menu. Division-specific color palettes in common color modes are available to download in three file formats for the type of software programs shown. ASE format InDesign Illustrator Photoshop (CMYK, Pantone Coated, Pantone Uncoated, RGB) ACT format Photoshop Fireworks Flash (RGB only) Example division color palettes, ASE format SIX_colors_cmyk_u SIX_colors_cmyk_c SIX_colors_cmyk_n SIX_colors_pms_u SIX_colors_pms_c SIX_colors_rgb Downloads SIX color palettes (ASE/ACT)

6 Specifications: 2.2 Page 6 4. tints screen 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility Primary colors SIX Group Swiss Exchange Exchange Regulation Tint 100% 80% 60% 40% 20% Name RGB HEX RGB HEX RGB HEX RGB HEX RGB HEX SIX Red DE E EB F1AFA F8D7D1 SIX E4E4E B8B8B DBDBDB SIX Frost D1D2CB DADBD E3E3DF ECECEA F5F6F4 DSX Marine C5F E F AABE CCD4DF DSX Tea B8D C6DC9C D4E5B E2EDCD F0F6E6 Securities Services DSS Ocean C BA BA B5D CCDAE8 DSS Horizon C1E FCDE B7D9EE CFE6F E7F2F9 Financial Information DFI Pool D AAD A7C C4D CCE1EA DFI Glacier B4DEE C2E4E D1EBED E0F1F EFF8F9 Payment Services DPS Ruby D B0394A C46A D79CAC EBCDD5 DPS Sun FDC FDD FDDC FEE8B FEF3DC Secondary colors Clay ADA BDB5AC CDC7C DEDAD EEECEA Cocoa F D B6ABA DAD5D0 Aubergine C A6688E C49AB E1CCD9 Tangerine D DC E5A EDC F6E0CC Cornflower BFCF BCBD B4D8E CDE5EB E6F2F5 Teal E D8A9B A8B B6C5CD DAE1E6 Laurel B C B2B CCD8DA Olive C3CB CFD DBDF E7EA F3F4CC Grove B B6C B5B5A DADAD1 Sand D8BE8B E0CBA E7D8B EFE5D F7F1E7 Black CCCCCC White FFFFFF

7 Specifications: 2.2 Page 7 5. text legibility (1/6) next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text SIX or on corporate and primary colors SIX SIX no no SIX Frost SIX Frost no DSX Marine DSX Marine no no DSX Tea DSX Tea no DSS Ocean DSS Ocean no no

8 Specifications: 2.2 Page 8 5. text legibility (2/6) back next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text SIX or on primary colors DSS Horizon DSS Horizon no DFI Pool DFI Pool no no DFI Glacier DFI Glacier no DPS Ruby DPS Ruby no no no DPS Sun DPS Sun no

9 Specifications: 2.2 Page 9 5. text legibility (3/6) back next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text SIX or on secondary colors Clay Clay no Cacoa Cacoa no no Aubergine Aubergine no no Tangerine Tangerine no Cornflower Cornflower no

10 Specifications: 2.2 Page text legibility (4/6) back next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text SIX or on secondary colors Teal Teal no no Laurel Laurel no no Olive Olive no Grove Grove no no Sand Sand no

11 Specifications: 2.2 Page text legibility (5/6) back next 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text and boxes corporate and primary colors box: SIX, text: SIX Frost box: SIX Frost, text: SIX no Frost Frost box: DSX Marine, text: DSX Tea box: DSX Tea, text: DSX Marine no Tea Tea Marine box: DSS Ocean, text: DSS Horizon box: DSS Horizon, text: DSS Ocean no Horizon Horizon Ocean box: DFI Pool, text: DFI Glacier box: DFI Glacier, text: DFI Pool no Glacier Glacier Pool box: DPS Ruby, text: DPS Sun box: DPS Sun, text: DPS Ruby no Sun Sun Ruby

12 Specifications: 2.2 Page text legibility (6/6) back 1. definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text and boxes secondary colors box: Cocoa, text: Clay box: Clay, text: Cocoa no Clay Clay Cocoa box: Aubergine, text: Tangerine box: Tangerine, text: Aubergine Tangerine no Tangerine Tangerine Aubergine box: Teal, text: Cornflower box: Cornflower, text: Teal Cornflower no Cornflower Cornflower Teal box: Laurel, text: Olive box: Olive, text: Laurel Olive no Olive Olive Laurel box: Grove, text: Sand box: Sand, text: Grove no Sand Sand Grove

13 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility 6. Recommended Text boxes color combinations Text boxes with tint For info boxes in brochures, magazines or fact sheets use the brighter corporate, primary or secondary color in the tint shown below. Text is 100% the darker color. Corporate and primary colors box SIX Frost, text SIX box DSX Tea, text DSX Marine box DSS Horizon, text DSS Ocean box DFI Glacier, text DFI Pool box DPS Sun, text DPS Ruby 50% Fost 50% Tea 40% Horizon 50% Glacier 40% Sun Secondary colors box Clay, text Cocoa box Tangerine, text Aubergine box Cornflower, text Teal box Olive, text Laurel box Sand, text Grove 40% Clay 40% Tangerine 40% Cornflower 40% Olive 50% Sand

14 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility (1/5) next SIX / Group Recommended secondary colors to combine with SIX corporate colors: Laurel Olive Teal Cornflower Cocoa Clay Aubergine Tangerine Grove Sand SIX SIX Frost Sample application on pie chart Laurel Olive Teal Cornflower Cocoa Aubergine Tangerine Grove Sand

15 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility (2/5) back next Swiss Exchange / Exchange Regulation Recommended secondary colors to combine with Swiss Exchange primary colors: Teal Cornflower Cocoa Clay Aubergine Sand DSX Marine DSX Tea Sample application on pie chart Teal Cornflower Cocoa Clay Aubergine Sand

16 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility (3/5) back next Securities Services Recommended secondary colors to combine with Securities Services primary colors: Laurel Cocoa Clay Aubergine Grove Sand DSS Ocean DSS Horizon Sample application on pie chart Laurel Cocoa Clay Aubergine Grove Sand

17 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility (4/5) back next Financial Information Recommended secondary colors to combine with Financial Information primary colors: Laurel Teal Cornflower Cocoa Clay Sand DFI Pool DFI Glacier Sample application on pie chart Laurel Teal Cornflower Cocoa Clay Sand

18 Specifications: 2.2 Page definition 2. usage 3. palettes 4. tints screen 5. text legibility (5/5) back Payment Services Recommended secondary colors to combine with Payment Services primary colors: Teal Cocoa Clay Aubergine Tangerine Sand DPS Ruby DPS Sun Sample application on pie chart Teal Cocoa Clay Aubergine Tangerine Sand