CREATING KINROSS REGIONAL WEBSITESkinrossworld.kinross.com/sites/default/files/Regional Website Standards - Final.pdf · Kinross Regional Website Style Guide v1.6 - February 2011

CREATING KINROSS REGIONAL WEBSITES

STYLE GUIDE

v1.6 - February 2011

Kinross Regional Website Style Guide v1.6 - February 2011

Review this guide before developing or updating Kinross regional websites. The

accompanying Photoshop (.PSD) templates and website fonts should be provided

to your local website development team, and used to create and/or update all

Kinross regional websites going forward.

This guide outlines how the Kinross brand is currently being used within our global

external website at www.kinross.com. It defines the web colour palettes and font

styles that should be used, outlines how main navigational elements should be

implemented, and content items that should be included.

This Guide also provides clear direction on what information cannot be disclosed

publicly on a regional or site-specific Kinross website, in line with our corporate

disclosure policy.

USING THIS GUIDE


1 Objectives

2 Disclosure Compliance

3 Regional Website Content

4 Maintenance Protocols

5 Web Colour Set

6 Alternate Colour Set

7 Utility Navigation Colours

8 Fonts

9 Universal Navigation: Main Navigation

10 Universal Navigation: Bucket Callouts

11 Universal Navigation: Alt Bucket Callouts

12 Universal Navigation: Sub Navigation

13 Writing for the Web

14 Writing for the Web pt2

15 Contact Information

TABLE OF CONTENTS


1 OBJECTIVES

Objectives

Communicate standards for regional websites to ensure:

• Adherence to the Kinross brand

• Alignment with global website content

• Implementation of effective regional website maintenance protocols

• Compliance with Kinross disclosure policies

Our brand represents Kinross to the world, and it is critical that it is represented clearly and consistently wherever and whenever it appears.


2 DISCLOSURE COMPLIANCE

Disclosure Compliance

• “Material information” is considered any information that could affect Kinross’ stock price if it becomes known to the public Examples of material information include but are not limited to: financial results, production

outlook, capital expenditures, operating results, significant management changes etc.

• Publication or release of material information requires Disclosure Committee approval

• Disclosure of material information on regional websites is not permitted, unless the information is already available on www.kinross.com


3 REGIONAL

WEBSITE CONTENT

Regional Website Content

Required Local Content Suggestions for Other Local Content

Link to global website Homepage offering high-level regional overview

Information about the Kinross values News and media coverage/highlights

10 Guiding Principles for Corporate Responsibility

Corporate Responsibility efforts / communityinvolvement, regional/country CR Report

Link to Corporate Governance section of global website

Summary of local/regional operations

Link to Careers section of global website Local/regional leadership profiles

Link to current global Corporate ResponsibilityReport

Local contact information

Link to current Annual Report

Link to company Health & Safety policy


4MAINTENANCE

PROTOCOLS

Maintenance Protocols

• Implement local protocols to ensure regional web content is current and accurate

• Assign local owner(s) for regional website content

• Update regional website regularly (at minimum, quarterly)


#6e615dR:110 G:97 B:93

#849796R:132 G:151 B:150

#6b7e7fR:107 G:126 B:127

#ae956bR:174 G:149 B:107

#cddfe2R:205 G:223 B:226

#78a1a9R:120 G:161 B:169

#000000R:0 G:0 B:0

#b3c6c0R:205 G:223 B:226

#acc4bdR:179 G:198 B:192

#e3e4d7R:227 G:228 B:215

#6e9db0R:110 G:157 B:176

#80a096R:128 G:160 B:150

#beb579R:190 G:181 B:121

#7d8587R:125 G:133 B:135

5 WEB

COLOUR SET

Primary Colours

Secondary Colours

Tertiary Colours


#50666bR:80 G:102 B:107

#657d82R:101 G:125 B:130

#626c71R:98 G:108 B:113

#5c9ca6R:92 G:156 B:166

#559cbeR:85 G:156 B:190

#706663R:112 G:102 B:99

#688e87R:104 G:142 B:135

#94a387R:148 G:163 B:135

#9dab89R:157 G:171 B:137

#80a69fR:128 G:166 B:159

#acaa72R:172 G:170 B:114

#bcb269R:188 G:178 B:105

#b58d67R:181 G:141 B:103

#ad6a58R:173 G:106 B:88

#928460R:146 G:132 B:96

#231f20R:35 G:31 B:32

6ALTERNATE

COLOUR SET

Primary Colours

Secondary Colours

Tertiary Colours


#a8a068R:168 G:160 B:104

#eeefefR:238 G:239 B:239

#eeefefR:238 G:239 B:239

#FFFFFF R:255 G:255 B:255

Body background has a gradient 670px high

Use solid background colour #eeefef so it looks seemless for taller sections of the site

#fcfdfdR:252 G:253 B:253

#eeefefR:238 G:239 B:239

#e5e6e6R:229 G:230 B:230

7 COLOURS

Background Colour

Utility Navigation Colour

Navigation Colour


8FONTS Gill Sans Family

(headline copy)

Arial(live headline copy)

Arial(body copy)

Lorem Ipsum Dolor Sit

Lorem Ipsum Dolor Sit

Lorem Ipsum Dolor SitLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a iaculis tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ut nisi augue.

Gill Sans Light #666666 R:102 G:102 B:102This font is used for headlines, features, callouts, large buttons, titles.

Arial, Helvetica, sans-serif Regular#666666 R:102 G:102 B:102This font is used for headlines, features, callouts, large buttons, titles.

Arial, Helvetica, sans-serif Regular/Bold#666666 R:102 G:102 B:102Font Size 13pt, 16.25pt leadingUse the bold treatment for titles within the body copy. For all other instances and live text use regular treatment.

To determine leading:Font Size x 1.25 = Leading

Links only require a simple underline.

For instances where live headline text is required:


9 UNIVERSAL

NAVIGATION ELEMENTS

Main Tab Navigation

Gill Sans Regular #968764 R:150 G:135 B:100Font Size 15pt

Arial, Helvetica Regular #968764 R:150 G:135 B:100Font Size 12pt

Arial, Helvetica Regular #666666 R:102 G:102 B:102Font Size 12ptCell Background Colour #d4d4d4 R:212 G:212 B:212

Gill Sans Regular#666666 R:102 G:102 B:102Font Size 15pt

On Roll Over


10 UNIVERSAL

NAVIGATION ELEMENTS

Bucket Callouts

Gill Sans Light#FFFFFFR:255 G:255 B:255Font Size 24pt

Background Colour Cell Solid Background Colour #80a096 R:255 G:255 B:255

+ Gradient OverlayBlend Mode: Multiply #bfbfbf R:191 G:191 B:191 (position 0%) to #FFFFFF R:255 G:255 B:255 (position 50%)

Arial, Helvetica Regular #666666R:102 G:102 B:102Font Size 12pt

Arial, Helvetica Regular #666666R:102 G:102 B:102Font Size 10pt

Background Colour Cell Solid Background Colour #e6e8e8 R:113 G:127 B:129

Frame Border Inner Stroke: 1px #717f81 R:113 G:127 B:129

Use Kinross colours only


11 UNIVERSAL

NAVIGATION ELEMENTS

Alt Bucket Callouts

Arial, Helvetica Regular#FFFFFFR:255 G:255 B:255Font Size 22pt

Background Colour Cell Solid Background Colour #81A095 R:128 G:160 B:150

Arial, Helvetica Regular #FFFFFFR:255 G:255 B:255Font Size 12pt

Arial, Helvetica Regular #FFFFFFR:255 G:255 B:255Font Size 10ptTransparent Background

Background Colour Cell Solid Background Colour #e6e8e8 R:230 G:232 B:232

Use Kinross colours only

For bucket callouts that require live web text

Frame Border Inner Stroke: 1px # 717f81 R:113 G:127 B:129


12 UNIVERSAL

NAVIGATION ELEMENTS

Sub Navigation

Gill Sans Light#FFFFFFR:255 G:255 B:255 Font Size 24pt

Arial, Helvetica Bold#5E4522R:255 G:255 B:255Font Size 13pt

Background Colour Cell Solid Background Colour #a8a068 R:128 G:160 B:150

+ Gradient OverlayBlend Mode: Normal #FFFFFF R:255 G:255 B:255 (position 25%) (opacity 0%)to #FFFFFF R:255 G:255 B:255 (position 100%) (opacity 22%)

Arial, Helvetica Bold #FFFFFFR:255 G:255 B:255Font Size 12pt

Arial, Helvetica Regular #FFFFFFR:255 G:255 B:255Font Size 10ptLink: #66666 R:102 G:102 B:102 Link Hover: #5E4522 R:94 G:69 B:34

Expanded state


13 WRITING FOR THE

WEBWriting for the Web: Best Practices

1. Make your page scannable

Web users are usually scanning for key information and not reading. 79% of users scan the page instead of reading it word-for-word, only 16% read word-by-word. Content written for the web should be concise and allow for the user eye to scan the copy and pick out key points. Each paragraph should contain one main idea - use a second paragraph for a second idea, since users tend to skip any second point as they scan over the paragraph.

2. Cut down content as much as possible

A general rule is that web content should be 50% of the word count of its paper equivalent. Users read 25% slower on screens than on paper and do not like to scroll through a webpage full of text. It helps to put the most important information at the top.

3. Use headlines and headings

A strong, attractive headline at the top of a page can make the difference between the page being read or ignored. Headlines and lower-order headings benefit from being large and high-contrast, so they attract the eye. Use headings within a document to make it easy to scan the document’s meaning. Good headings read like a bullet-point summary of the document’s contents, so a reader can scan down the page, get a quick idea of what’s on the page, and decide whether to read in more detail.

4. Make sure the sentence structure is simple and easy to follow

Keep in mind that a majority of users are looking for the key piece of information they need. Use a simple sentence structure that avoids convoluted writing and complex words.


14 WRITING FOR THE

WEBWriting for the Web: Best Practices

5. Limit the use of metaphors and clichés

Being direct allows the user to scan and take away the most important points quickly. User may take metaphors literally since they are not reading word for word. This is especially important in headings within the page.

6. Describe actions as actions

The goal is to make sure that the user is in control of what they read and the actions they take. When describing something a user can do, describe it in terms that are relative to the action. For example if the intention is to get the user to subscribe to something then be clear as in “Subscribe to ___”. The imperative voice (commanding) is attention-grabbing and helpful, so it should go at the front of a phrase.

7. Use an active voice

The use of an active voice over passive voice allows for the copy to be shorter, succinct and action oriented. This generates and keeps user interest on the page.


15CONTACT

INFORMATION

Contact Information

If you have questions regarding creating a Kinross regional or site-specific

website, please contact:

Steve MitchellVice-President, Corporate Communications Kinross Gold Corporation 416-365-2726 [email protected]

Nicole WelbanksManager, Corporate CommunicationsKinross Gold Corporation 416-817-9697 [email protected]

Documents

CREATING KINROSS REGIONAL WEBSITESkinrossworld.kinross.com/sites/default/files/Regional Website Standards - Final.pdf · Kinross Regional Website Style Guide v1.6 - February 2011