Page 1

This is a business identifier

Branding our World— Corporate Design Guidelines

This is the E-Style Guide—Corporate Website headline that consists of three lines.

This Guidelines is the headline for Deutsche Bank Corporate Units Lorem am, veniam, quiscidunt am core ming et consed magnis aci consequam digna feugiam etes, senis eugue volorero odo commy non erit. Version 1.2 | June 2006 Version 1.0 | October 2005

A A Passion Passion to to Perform. Perform.


Contents

Introduction Contact

03 05

5.0 Navigation

34

5.1 Navigation Hierarchy

35

5.2 Navigation Levels 1 – 4

37

5.3 Meta Navigation, Footer

38

6.0 Content Page Elements

39

6.1 Introduction

40

1.0 Building a professional

Website

06

2.0 Page Types

08

6.2 Fixed Content Positionings

41

2.1 Type A

09

6.3 Entry Page Teaser

43

2.2 Type B

10

6.4 Text

44

2.3 Type C

11

6.5 Images

45

2.4 Popup Windows

12

6.6 Tables

46

2.5 Examples – Overview

13

6.7 Input Forms

47

6.8 Info Snippets

48

3.0 Basic Web Design Elements

15

3.1 Deutsche Bank Logo and Claim

16

7.0 User Interface Messages

49

3.2 Colors

18

3.3 Typography

19

8.0 URL Guidelines

51

3.4 Graphic Elements

22

8.1 General Information about URLs 52 8.2 URL (Re-)Registration Process

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

4.0 Header

24

8.3 Overview of Deutsche Bank

4.1 Introduction

25

4.2 Layout and Sizes

26

4.3 Fonts and Colors

28

4.4 Image Concept

29

4.5 Construction (Type A / B)

32

URLs

55 56




Introduction

New design of Deutsche Bank's Internet presence Deutsche Bank's Internet presence was relaunched with a new Corporate Website at http://www.db.com on the 15th of September 2005. The concept focuses on strong positioning of the Brand on the Internet and simultaneously improves modernity, usability of the site and accessibility to target group-related content. With the redesign, we have prioritized content and redefined the navigation structure to gain exceeding client orientation. The new Corporate Website is the Deutsche Bank Group's "face" on the Internet. It describes all aspects of the Group, including its basic facts and figures, its organizational structure and social responsibility. It is also a platform to help our customers find the adequate product, service or contact they need. Our Brand is a key driver of choice and a bottom-line contributor to our long-term business success. The Deutsche Bank logo square is one of the most recognized symbols in the global financial industry. As a critical part of the Deutsche Bank's Brand strategy, which is centered around the Deutsche Bank logo, we have developed a compelling, straightforward and flexible design approach for the new Internet presence. These Guidelines contains all rules and components necessary for a strong Deutsche Bank Brand presence on the Internet. Christofer Habig Global Head of Brand Communications

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




Introduction

Scope of this E-Style Guide This E-Style Guide describes the Corporate Website. It explains the structure and design elements of the Corporate Website and its appended sections. It is geared towards developers and designers and provides all the basics needed for building pages on the Corporate Website with the look & feel of the Deutsche Bank. The topmost criteria for developing the design were intuitive orientation, userfriendly navigation and promotion of the Deutsche Bank Brand. It explains in particular the structure of the various Page Types, the structuring of the headers, the structure of the navigation, the fundamental elements of the website and the components of the content area. In addition, several basic recommendations are made for the composition of a successful website. This E-Style Guide does not apply to the Business Units of the Deutsche Bank Group, to pages designed for transactions, or to market information. Separate, more flexible guidelines will be devised to respond to the requirements of the respective target groups from specific Deutsche Bank Websites. The following Guidelines do not apply to the creation of Intranet pages either. Please find these definitions in the E-Style Guide Business and the E-Style Guide Intranet. This document aims to provide assistance in harmonizing the look of the Internet presence of the Corporate Units and in implementing the appearance of the Brand online.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




Contact

For further information please contact: CC Group Brand Communications – Corporate Internet – support.esytleguide @ db.com Telephone + 49 (0) 69 910 - 42847

Or visit the Deutsche Bank Brand Portal under http://db-brand.db.com, for external partners under http://www.db-brand.com (registration required).

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




1.0 Building a professional Website

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




1.0 Building a professional Website

Some basic recommendations The professional building of web pages includes additional

Content

criteria that go beyond the plain implementation of the Style Guide templates. Websites should optimally be attuned to

Adapt your style to your readers and to the purpose of your

the needs of the respective target group. The most important

communication:

criteria for quality are to be found under the headings

be concise and precise, use adequate words

„Usability“ and „Accessibility“.

paragraphs should be short for easier viewing and

This chapter provides a brief overview of some of the basic rules

reading – up to 50 words is considered acceptable (most

that must be taken into consideration when building a website.

online texts should fit within 8 paragraphs)

Usability

Accessibility

Use the same navigation principle throughout the website:

Observe specific rules (for an example, see more details

identical positioning on every web page

http://www.w3.org/WAI/guid-tech.html), established with

first level navigation menu to be reached from every page

different levels of priority, concerning different aspects, such as

of the website

the following:

the menu of the next higher navigation level should always be visible

text equivalent for all non-text elements

use of color

User-friendly navigation menu:

use of tables

intuitive wording

content of style sheets

no more than 6 – 8 menu items per level

application of scripting language

no more than four levels of navigation maximum

use of applets, plugins etc.

basic rule: no more than 3 clicks to reach the desired content

Clear orientation:

Technical recommendations

indicate the current position within the website

try to avoid new browser windows or popups

screen resolution: 1024 x 768 pixels

try to avoid navigation items in the content area

no frames

page size limit: max. 70 KB

Consistent layout:

images: use .jpg and .gif formats rather than .bmp

establish a clear and consistent graphical syntax

avoid Flash, JavaScript and similar technologies, especially

use images and graphic elements for explanatory purposes

remain consistent in the use of typefaces, font sizes, color

for essential elements of the website (like navigation) ■

and positioning of headers, footers etc.

(incl. Firefox, Mozilla and Netscape) ■

Efficient guidance: ■

clearly mark hyperlinks (specific color, square brackets,

optimize website for popular browser versions use relevant meta-tags with keywords / descriptions for optimal search engine promotion

URLs are built to reinforce the corporate URL db.com

separated from the text) ■

integrate interactive elements (menus to choose from etc.)

use "snippet area" (right margin column) for additional, supporting or explanatory content

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




2.0 Page Types

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




2.0 Page Types 2.1 Type A

Corporate Homepage The Deutsche Bank’s Corporate Website comprises three different basic Page Types (plus popup window). They each serve a particular purpose and therefore follow different rules of design. The Deutsche Bank Corporate Website uses a fixed page layout. The page width  is always 992 pixels (except for popup windows). The page height is variable and depends on the amount of information in the content area. All pages are framed by a white border of 12 pixels (14 pixels on the bottom).

Use

Composition

This Page Type is used exclusively for the

As the "face" of the Deutsche Bank on

regularly. They might involve current

Corporate Homepage.

the Internet, the focus here is on

campaign images, for example, or

vigorous Brand positioning. This is done

topics from the Corporate Units, or even

on the large stage (the page's stand-

information on current events (interim

alone feature). The images are changed

reports, general meetings etc.).

Page structure

Corporate Brand

12

Header area

Columns and topics: 1

Column 1 Brand essence Share price

2

Column 2 Highlights and small stage

3

Column 3 Product and service offerings (CIB)

4

Column 4 Product and service offerings (PCAM)

270

12 2

Portal content

1

3

4

Page content

x

All distances measured in pixels.

30 30 14

Footer 12

184

12

184

12

184

12

184

12

184

12

968 992

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006




2.0 Page Types 2.2 Type B

Entry page for Corporate Units Use

Composition

Page Type B is (only) used as an entry

The entry page of the Corporate Units

The image will basically not be changed.

page for the Corporate Units.

should give an overview of the respective

Wherever possible and logical, the con-

It is not used for content pages, which

area. These pages are similar to portals

tent should be divided into two columns

are located lower down in the hierarchy

and make use of abbreviated content

as on the sample screen (one measuring

and comply with the Page Type C

from the content pages. They have their

2/  rds 3

structure.

own separate header visuals. The header

other 1/3 rd).

of the width of the area, the

area is smaller than on the Corporate Homepage (Type A). [ev. als Note]

Corporate Brand

Page structure 12

Header area

165 12

2

Content area

1

3

4

Columns and topics: 1

Navigation (levels 2 – 4)

2

Main content

3

Additional content

4

Info snippets

Page content x

30 30 14

Footer 12

184

12

380

12

184

12

184

12

968

992

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

10


2.0 Page Types 2.3 Type C

Content page Use

Composition

Page Type C applies to all content pages,

The content pages of the Corporate

The size and design of the header area

i.e. in principle to all pages except for

Website contain all the details on the

are fixed and described in chapter 6. The

the Corporate Homepage (Type A) and

Corporate Units.

header does not have a visual.

the entry pages to the Corporate Units

The design of the content area is oriented

(Type B).

towards the content to be displayed.

Corporate Brand

Page structure 12

Header area

112 39 8

2

Content area

1

Columns and topics:

3

1

Navigation (levels 2 – 4)

2

Main content

3

Info snippets

Page content x

30 30 14

Footer 12

184

12

576

12

184

12

968 992

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

11


2.0 Page Types 2.4 Popup Windows

Use

Composition

Besides the three basic Page Types,

Popup windows should be avoided

The following elements are missing:

there is a special form, the popup

on principle. All content should be visible

Logo claim

window. Popup windows are opened

without scrolling.

Navigation levels 1 –4

through a link in the content area, never

The design is a "reduced version" of  a

Breadcrumb navigation

in the primary navigation.

Type C page. They are narrower in order to avoid concealing the main page behind them completely.

Page structure There are two standard sizes of popup

If you need the popup window in a dif-

windows to be used:

ferent width, please make sure to remain

within the column grid.

Popup window for content (6 content colums)

Popup window for short notes and

All content types from chapter 6.4 – 6.7

messages (4 content columns)

are possible.

The browser window should not be resizable. Please be aware that some page measurements differ from Page Type C (for example, header area, primary navigation bar).

Popup window for content

Popup window for notes and messages

No meta navigation, header title and main

No meta navigation, header title and main

navigation items (not the navigation bar)

navigation.

may be absent.

12

Header area

87

12

Header area

79 34

34

Page content

576

x

Footer

24 30 14

x

24 30 14

Footer 12 86 12

Page content

12

12 86 12

576

12

380 404

674 698

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

12


2.0 Page Types 2.5 Examples – Overview

Page Type A Corporate Homepage

Page Type B Entry page for Corporate Units

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

13


2.0 Page Types 2.5 Examples – Overview

Page Type C Content page

Standard popup windows (without browser buttons)

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

14


3.0 Basic Web Design Elements

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

15


3.0 Basic Web Design Elements 3.1 Deutsche Bank Logo and Claim

This chapter describes the fundamental design components, such as the logo, colors,

All Deutsche Bank logo versions are

fonts and graphic elements. The rules apply to all Page Types and to all components

available at the Brand Portal:

of the page structure. Separate mention will be made for each element if the area of

http://db-brand.db.com

application is limited, or if there are particularities for individual Page Types.

For external partners, at:

These elements contribute in great part to the design of the Corporate Website‘s face

http://www.db-brand.com

and provide the user with a sense of security when navigating through the pages.

The company name and logo square

The Deutsche Bank logo stands for a

are key elements of Deutsche Bank’s

long tradition and symbolizes the bank‘s

Corporate Design. They form a single

Corporate Identity.

element and may not be altered or separated. Only the original artwork is to be used.

Logo with claim Used for Page Types A, B and C.

Outside Germany:

Within Germany:

“A Passion to Perform.” is to be used

The German translation “Leistung aus

Group-wide and must not be translated

Leidenschaft.” is to be used Group-wide

into local languages in order to position

in all client-related communication that

Deutsche Bank as a truly global player

is distributed in the German home

(except France due to legal reasons

market only.

“La Passion de la Performance.”).

Logo without claim Used for popup windows.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

16


3.0 Basic Web Design Elements 3.1 Deutsche Bank Logo and Claim

Logo sizes The Deutsche Bank logo appears

The logo is clickable and links to

together with the claim and is a

the Corporate Homepage:

mandatory feature on all websites. Size,

http://www.db.com

positioning and color shall not be changed.

Page Type A

Popup window 22

28 19

1

42

1

29

38 161

Popup window (narrow) 12 184 27

1

21 11

Page Type B 22

148 19 34

1

23

1

Logo / claim DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399 161

Page Type C 22

1

19 34 23

161

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

17

14 12


3.0 Basic Web Design Elements 3.2 Colors

Deutsche Bank color scheme Primary color The corporate color of Deutsche Bank is DeuBa Blue Web. It is defined as the primary color.

DeuBa Blue Web

RGB 0 / 0 / 127 HEX # 003399

Light blue 1

Light blue 2

Light blue 3

Light blue 4

RGB 184 / 203 / 227 HEX # B8CBE3

RGB 224 / 232 / 243 HEX # E0E8F3

RGB 209 / 221 / 237 HEX # D1DDED

RGB 235 / 239 / 246 HEX # EBEFF6 Used half-tone steps of DeuBa Blue Web

Light blue 5

Light blue 6

Light blue 7

RGB 207 / 218 / 235 HEX # CFDAEB

RGB 215 / 226 / 239 HEX # D7E2EF

RGB 141 / 164 / 197 HEX # 8DA4C5

Secondary colors Color has a great impact on our

There is a range of secondary colors

Corporate Design. Therefore it has to

available to complement DeuBa Blue

be used in a sensitive way.

Web, any of which may be used as a supplement to the primary color, but

The primary color DeuBa Blue Web

they must never be individually more

may be contrasted with a color from the

dominant than DeuBa Blue Web.

secondary color palette.

RGB 62 / 39 / 126 HEX # 3E277E

RGB 133 / 0 / 67 HEX # 850043

RGB 194 / 47 / 22 HEX # C22F16

RGB 255 / 0 / 0 HEX # FF0000

RGB 242 / 148 / 0 HEX # F29400

RGB 249 / 177 / 0 HEX # F9B100

RGB 171 / 170 / 0 HEX # ABAA00

RGB 84 / 111 / 17 HEX # 546F11

RGB 0 / 104 / 174 HEX # 0068AE

RGB 0 / 158 / 224 HEX # 009EE0

RGB 109 / 159 / 189 HEX # 6D9FBD

RGB 197 / 199 / 200 HEX # C5C7C8

The secondary color should primarily be used for editorial structuring of content, sublte color coding or adjustment of color athmosphere on pages with small stages. They must not be used for typography.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

18


3.0 Basic Web Design Elements 3.3 Typography

Deutsche Bank web fonts DeuBa Univers

Deutsche Bank DeuBa Univers 430 Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

DeuBa Univers is the designated font

DeuBa Univers 630 Bold

DeuBa Univers is based on the clas-

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 You will find information on how to obtain the Deutsche Bank Univers font at the Brand Portal: http://db-brand.db.com (Intranet) http://www.db-brand.com (Internet)

family of Deutsche Bank. The variety of its type styles facilitates a unique look and feel.

sic Univers font and has been specially developed for Deutsche Bank.

Note: Since DeuBa Univers is not a standard web font, all texts set in DeuBa Univers have to be stored as a .gif image.

Arial Arial Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

As a standard web font Arial is used in all forms of HTML text for smaller font sizes (approx. 9 –13 pt). This includes headlines as well as copy text.

Arial Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

19


3.0 Basic Web Design Elements 3.3 Typography

Font styles All fonts and font sizes used for the

The descriptions of the page elements in

different Page Types and individual page

the following chapters refer to this list.

elements are defined below. The possible uses are listed alphabetically.

Stage headline

a

b

DeuBa Univers 630 Bold 16 pt Line spacing: 22 pt Kerning: 25 (save as .gif image)

DeuBa Univers 630 Bold 16 pt Line spacing: 22 pt Kerning: 25 (save as .gif image) White RGB 255 / 255 / 255 HEX # FFFFFF

Light blue 6 RGB 215 / 226 / 239 HEX # D7E2EF

Headlines

c

DeuBa Univers 630 Bold 16 pt (save as .gif image)

Arial Bold 16 pt DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

Arial 12pt

g

f

Arial Regular 12 pt Line spacing: 16 pt Gray RGB 102 / 102 / 102 HEX # 666666

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

e

d

Arial Bold 13 pt Line spacing: 14 pt DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

h

Arial Bold 12 pt Line spacing: 16 pt Gray RGB 102 / 102 / 102 HEX # 666666

Arial Regular 12 pt (in square brackets) DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

20


3.0 Basic Web Design Elements 3.3 Typography

Arial 11pt

j

i

Arial Bold 11 pt

Arial Bold 11 pt White RGB 255 / 255 / 255 HEX # FFFFFF

Light blue 7 RGB 141 / 164 / 197 HEX # 8DA4C5

k

Arial Bold 11 pt Line spacing: 18 pt

Arial Regular 11 pt Line spacing: 18 pt

DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

Arial Regular 11 pt Line spacing: 14 pt

Dark gray RGB 120 / 120 / 120 HEX # 787878

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

Arial Regular 11 pt Line spacing: 14 pt

Gray RGB 102 / 102 / 102 HEX # 666666

DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

s

r

Arial Bold 10 pt (mouseover underlined)

DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

p

Arial Bold 11 pt Line spacing: 14 pt

Gray RGB 102 / 102 / 102 HEX # 666666

q

Arial Bold 11 pt Line spacing: 14 pt

DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

o

n

Smaller than 11pt

m

l

Arial Bold 10 pt (mouseover underlined) DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

Arial Regular 9 pt Line spacing: 12 pt Gray RGB 102 / 102 / 102 HEX # 666666

21


3.0 Basic Web Design Elements 3.4 Graphic Elements

Icons Icons and buttons are saved as .gif images (with transparent background).

Graphic element and description

Link arrow For self-contained

Used colors

Size: 11 x 9 pixels

RGB 225 / 157 / 38 HEX # E19D26

Size: 11 x 13 pixels

RGB 209 / 221 / 237 HEX # D1DDED

Example of use

links and link lists.

Bullet point List elements that

RGB 102 / 102 / 102 HEX # 666666

harmonize with the logo square.

Size: 3 x 3 pixels

Small point

RGB 102 / 102 / 102 HEX # 666666

For use in tables.

RGB 86 / 122 / 188 HEX # 567ABC

Plus bar Indicates the level

RGB 204 / 204 / 204 HEX # CCCCCC

of relevance of search results.

Size: 30 x 11 pixels

Program icons Documents / files linked with standard program icons.

Size of all program icons: 24 x 16 pixels

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

22


3.0 Basic Web Design Elements 3.4 Graphic Elements

Buttons Graphic element and description

Start arrow For example,

Used colors

Size: 18 x 18 pixels

to start a search,

Example of use

RGB 77 / 77 / 77 HEX # 4D4D4D (arrow) RGB 100 / 100 / 100 HEX # 646464

client login.

RGB 198 / 198 / 198 HEX # C6C6C6

Font size Three different font sizes in the

Button (off) Size: 17 x 17 pixels

footer area.

Button (on)

RGB 0 / 51 / 153 HEX # 003399 (text) RGB 166 / 183 / 217 HEX # A6B7D9 RGB 225 / 157 / 38 HEX # E19D26 RGB 249 / 235 / 212 HEX # F9EBD4

Functions "Print" as a standard for Page Types B / C,

"Print"

RGB 123 / 147 / 185 HEX # 7B93B9

Width: width of icon plus 4 pixels to the right Height: 14 pixels

"Print" and "Close window" for popup windows.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

"Close window"

23


4.0 Header

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

24


4.0 Header 4.1 Introduction

The following chapter contains the basic rules for assigning header sizes for the Page Types (chapter 2) and for designing the headers, including imagery, and provides some examples and a "construction manual". The header is a core design element of the new Corporate Website and also acts as a visual bracket for the entire website. Besides the basic elements, it represents the most important design feature of the Corporate Website. It includes the Deutsche Bank logo, site title, meta navigation and primary navigation.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

25


4.0 Header 4.2 Layout and Sizes

Header sizes There are three basic types of headers: ■

Type A: Corporate Homepage

Type B: Entry pages for Corporate

http://www.estyleguide.db.com/ headerfactory

Units ■

Deutsche Bank header factory:

Type C: Content pages

(plus the header for popup windows)

Type A Standard header: 17 228

99

347

277 19 80 42

271

18 8 18 8 18 42

140

32 93

178

6

It is possible to add a text passage or link to the image. The text color should suit the image, sizes are variable.

Image with 3D logo square (derived from the Brand campaign): 289

402

277 The logo should only be displayed once on the large stage. It is omitted from this version in order to avoid duplication.

968

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

26


4.0 Header 4.2 Layout and Sizes

Type B 12 95

77

516

268 19 57 165 65 24 161

22

Type C 12 95

77

516

268 19 57 24 161

112 12

22

968

Popup windows The header of popup windows follows

Please note that the dimensions differ

The dimensions below follow the page

the Guidelines for Page Type C regarding

from those of Type C.

layout on page 12.

logo, fonts and colors. 9 98

56

227

284  (x)

Popup window for content

14 41 20

12

87

If you have problems fitting the full width of the header into a popup window, try to reduce the overlapping area (x).

674 ( x) 9 56

315 Popup window for notes and 55 16

8

79

messages

380

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

27


4.0 Header 4.3 Fonts and Colors

Type A / B Font styles:

a

b

a

Stage headline DeuBa Univers 630 Bold 18 pt

b

Stage headline DeuBa Univers 630 Bold 18 pt

3

Note: If 18 pt doesn't suit your purpose, you are free to adjust the font size as long as it is not larger than the Deutsche Bank logo type. Use only the colors defined on pages 20 / 21.

Type C

2

i

1

p

3

c

1

4

j

1

2

Logo square / Title area Light blue 1 RGB 184 / 203 / 227 HEX # B8CBE3

4

Navigation bar DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

Font styles:

3

Area down left Light blue 2 RGB 224 / 232 / 243 HEX # E0E8F3

Area up right Light blue 3 RGB 209 / 221 / 237 HEX # D1DDED

c

Stage headline DeuBa Univers 630 Bold 16 pt

p

Meta navigation Arial Regular 11 pt

i

Navigation level 1 (off) Arial Bold 11 pt

j

Navigation level 1 (on) Arial Bold 11 pt

See pages 20 / 21 for additional information (colors etc.).

28


4.0 Header 4.4 Image Concept

Visual language (for header Type A / B) Images for the web must fulfill the re-

The main specifications for the web are

Perspective:

quirements of the Deutsche Bank image

summarized as follows:

style. The datails are described within

Airy images which support the landscape format

the Guidelines "Branding our World -

Choice of image:

Deutsche Bank Corporate Design Guide-

Bright, well-lit images in full color (no

Image detail:

monochrome or duplex images)

Themes featuring people are a good

Do not cut peoples' heads in an unfa-

choice.

vorable way.

lines", that cover an overview of media applications (please see Deutsche Bank Brand Portal).

Please avoid disturbed backgrounds and visual effects such as blurring, blurred motion, softener etc.

Use a pleasant, interesting cutout.

Note: The 3D logo theme is not used on Type B pages. it is reserved exclusively for Type A pages.

Examples of use Page Type A (3D logo theme) Images with the 3D logo square are reserved for Page Type A.

Avoid cutting the 3D logo.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

29


4.0 Header 4.4 Image Concept

Page Type A (3D logo theme)

Uninteresting cutout with no focus.

Page Type A (personal focus)

Avoid cutting heads.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

30


4.0 Header 4.4 Image Concept

Page Type B Recommendation: Calm area within the 2D logo square and a significant positioning of the image.

With too little significance.

Page Type B (personal focus)

The man's head seems to be squeezed between the bars.

Page Type B (personal focus)

This image is too busy for correct handling of the 2D logo square. It does not support the landscape format.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

31


4.0 Header 4.5 Construction (Type A / B)

A special aspect of header Types A and B

As brightness and contrast may vary

Aims of the adjustment:

is explained in this section.

in different images, it may be necessary

To provide sufficient contrast for the

To obtain a similar blue tone for each

to adjust the color for the area of the image, which is overlapped by the light

logo square and stage headline.

blue area.

image in the overlapping area.

Header Type A 3 2

RGB 0 / 69 / 155 HEX # 00459B Transparency: 18 %

1

The settings for brightness and contrast vary according to the screen background. 1

Header Type B 3 2

RGB 0 / 69 / 155 HEX # 00459B Transparency: 18 %

1

1

The overlapping area is prepared by

2

The image is overlaid by a light blue area.

3

Page elements, such as the logo,

softening the contrast and by adjusting

claim and meta navigation, are added to

the brightness and color.

the top layer.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

32


4.0 Header 4.5 Construction (Type A / B)

Examples Header Type A Header with adjustment of the overlapping area to guarantee the readabilty of headlines and titles.

Header without adjustment of the overlapping area: The readabilty of any text is difficult.

Header Type B Header with adjustment of the overlapping area.

Header without adjustment of the overlapping area: The Deutsche Bank logo does not contrast well with the background.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

33


5.0 Navigation

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

34


5.0 Navigation 5.1 Navigation Hierarchy

This chapter describes the navigation elements of the Corporate Website. As the main navigation path, the primary navigation takes the user to all core levels of the page. There are four sub-levels in all. The meta navigation and the footer guide the user to general universal tools for use of the website. The breadcrumb navigation acts as a supporting element.

The primary navigation begins on the

The first navigation level (level 1)

Corporate Homepage (level 0, Page Type

of the Corporate Unit is selected in the

A). It has a maximum of four levels.

dark blue horizontal bar. On clicking,

Level 1 is positioned horizontally, all other

the entry page of the Corporate Unit

levels are located vertically on the left page margin. Level 1 is followed by Type

appears (Page Type B). ■

The list of navigation points on the

B pages, all levels thereafter are of Page

2nd level (level 2) appears on the left

Type C.

page margin. ■

Clicking on a menu item opens a content page (Page Type C). If needed, the navigation menu on the left side of the page will fold out to reveal a sub-menu (level 3).

On clicking, if needed, the lowest menu line (level 4) will appear. Here too, all content pages are designed as Type C pages..

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

35


5.0 Navigation 5.1 Navigation Hierarchy

Navigation structure Level 0: Corporate Homepage Selection of the main area (primary navigation) Level 1: Entry page for Corporate Units Selection of level 2

Level 2: Content page Selection of level 3

Level 3: Content page Selection of level 4

Level 4: Content page Last possible navigation level

Navigation path The breadcrumb navigation displays the user’s path and his or her current position within the Corporate Website. The path elements are linked with the respective pages. This makes it easy for the user to click back to previously q

visited web pages. Linked path The mouseover item is underlined. Font styles: q

Breadcrumb Arial Bold 10 pt

See pages 20 / 21 for additional information (colors etc.).

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

36


5.0 Navigation 5.2 Navigation Levels 1 – 4

Level 1 The level 1 navigation elements are

This navigation remains constant

positioned on the vertical bar in DeuBa

throughout the Corporate Website.

Blue Web. All menu items lead to

Note: The menu is text-based and defined in the HTML code templates.

Corporate Units.

j

i

1

Levels 2 – 4 Navigation on levels 2 to 4 is located in

A mouse click opens up the respective

the left-hand column. The navigation

sub-menu. The main menu remains

menu is specific to each Corporate Unit.

visible above. The navigation points on

At first, the menu is collapsed.

level 4 are indented.

k

The active item is underlined.

l

It is possible to introduce a fourth (and last) level, which is indented.

Font styles:

1

Navigation bar DeuBa Blue Web RGB 0 / 51 / 153 HEX # 003399

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

i

Navigation level 1 (off) Arial Bold 11 pt

k

Navigation level 2 Arial Bold 11 pt

j

Navigation level 1 (on) Arial Bold 11pt

l

Navigation levels 3 – 4 Arial Regular 11pt

See pages 20 / 21 for additional information (colors etc.).

37


5.0 Navigation 5.3 Meta Navigation, Footer

Meta navigation The meta navigation contains orienta-

Mandatory navigation terms:

Optional navigation terms:

tion and help functions. It is integrated in

Contact

Language switch

each page throughout the website. The

Sitemap

Search

sequence of navigation terms is fixed.

(Deutsche Bank Group has been laid

Help

For the breadcrumb navigation, please

down as the first term for web pages

see page 32.

outside the Corporate Website – it leads to the Corporate Homepage).

p

1

Footer The footer area remains the same on

Copyright

each page of the Corporate Website

Imprint

(exception: the popup window). Its items

Legal Resources

The distance from the content area to

are mandatory.

Font size buttons

the gray line is always 30 pixels.

q 184

2

r 576

12

1

Light blue 3 RGB 209 / 221 / 237 HEX # D1DDED

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

12

184

Font styles:

2

Background

30 1 26

q

Line Gray RGB 204 / 204 / 204 HEX # CCCCCC

p

Meta navigation Arial Regular 11 pt

q

Footer text Arial Bold 10 pt

r

Footer text Arial Bold 10 pt

See pages 20 / 21 for additional information (colors etc.).

38


6.0 Content Page Elements

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

39


6.0 Content Page Elements 6.1 Introduction

This chapter describes the elements in the content area. This includes, for example, the structure of the content, the columns, text blocks with defined content, title bars, images and also the structuring of the paragraphs. Not all content elements can be used in all Page Types (chapter 2). Hence, on the following pages, the assignment and the possibilities for use are set out and examples are given. The implementation is described in detail, referring back to the basic design elements contained in chapter 3.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

40


6.0 Content Page Elements 6.2 Fixed Content Positionings

For Page Type A e

1 n p

p

12

184

380

12

184

12

184

12

12

968

Highlights and small stage

Brand essence A

Product and service offerings

A

A

Brand Essence (invariable text)

Newsfeed: News and highlights

List of links to major business websites:

Deutsche Bank Share Price (below)

Small stage (visual)

Column 3: Offerings CIB

Column 4: Offerings PCAM

Application: only on Corporate

Application: only on Corporate

This list of links uses a graphic element

Homepage (Page Type A)

Homepage (Page Type A)

(see chapter 3.4)

Positioning: column 1

Positioning: column 2 Application: only on Corporate Homepage (Page Type A) Positioning: columns 3 and 4

Font styles: e

Column headline (Type A) Arial Bold 13 pt

n

Copy text Arial Regular 11 pt

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

1

p

Copy text (link) Arial Regular 11 pt

See pages 20 / 21 for additional information (colors etc.).

Line Gray RGB 204 / 204 / 204 HEX # CCCCCC

41


6.0 Content Page Elements 6.2 Fixed Content Positionings

For Page Type B A

Visual (teaser character): regularly changing themes, focus on

e

events, campaigns, reports etc.

1

n

Application: only on Corporate Homepage (Page Type A)

o p

Positioning: column 2 2 1

Line

12

Gray RGB 204 / 204 / 204 HEX # CCCCCC

12

380 2

Highlights background

Small stage

Blue RGB 231 / 244 / 252 HEX # E7F4FC

The small stage is usually composed of a background image, transparent layers and a secondary color, that might be chosen to harmonize accentually with the color mood within the large stage. The secondary color must not be used for typography.

It is possible to embed an animated .gif or Flash movie.

Note: Pay special attention to compatibility (theme, color etc.) of the small stage with the large stage.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

Font styles: e

Column headline (Type A) Arial Bold 13 pt

n

Copy text Arial Regular 11 pt

o

Copy text Arial Bold 11 pt

p

Copy text (link) Arial Regular 11 pt

See pages 20 / 21 for additional information (colors etc.).

42


6.0 Content Page Elements 6.3 Entry Page Teaser

We recommend the following

The pages should give an overview

structure for the content of the Corporate

of the content within the Corporate Unit

Unit entry pages (Page Type B, see

section.

chapter 2.2)

Column 2 should feature the main topics and may have visuals, whereas column 3 should feature additional content of secondary importance.

g

g

1

1

d

Line Gray RGB 204 / 204 / 204 HEX # CCCCCC

g p

Font styles:

f

n

p

h

86

12

86

12

86

12

86

12

380

Main teaser area

Headline, text, visuals, links

12

86

184

f

Copy text Arial Regular 12 pt

g

Copy text Arial Bold 12 pt

h

Copy text (link) Arial Regular 12 pt

n

Copy text Arial Regular 11 pt

p

Copy text (link) Arial Regular 11 pt

See pages 20 / 21 for additional information (colors etc.).

B

Headline, text, links

Application: only on Page Type B

Application: only on Page Type B

Positioning: column 2

Positioning: column 3

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

Content headline Arial Bold 16 pt

Additional teaser area

B

86

d

43


6.0 Content Page Elements 6.4 Text

Application: all Page Types Special additional rules apply for Page Types A and B (see chapters 4.1 and 4.2) Positioning: columns 2 – 4

1 Title of page

d

The content area begins with a gray line and the title. These elements are mandatory for Page Type C, no matter what type of content follows. Lists

f

Bullets are used to give lists a clear visual structure. Paragraph titles

g

Paragraph titles are always bolded. Copy text

f

Text passages are separated by blank lines. Internal links

h

Links appear in blue color and are framed by square brackets (see also box below). Self-contained links

h

Self-contained links are indicated by an orange arrow (see also box below). 12

12 576

Please notice that there are two

Internal links always refer to the pre-

Self-contained links are used for links

different link styles which are used for

ceding paragraph and lead to a page

and link lists that refer to related topics,

different purposes:

that gives additional information (page

other relevant issues etc. (not as a con-

name or typically "more" for teasers).

tinuation of the preceding information).

Font styles:

1

Top line Gray RGB 204 / 204 / 204 HEX # CCCCCC

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

d

Content headline Arial Bold 16 pt

g

Copy text Arial Bold 12 pt

f

Copy text Arial Regular 12 pt

h

Copy text (link) Arial Regular 12 pt

See pages 20 / 21 for additional information (colors etc.).

44


6.0 Content Page Elements 6.5 Images

Application: all Page Types C

Special additional rules apply to stages and header visuals (see chapters 2.1, 2.2 and 2.3) Positioning: columns 2 – 4

There are two types of images: ■

Illustrational images

Images with teaser character (clickable), which lead to further information

Also Flash animations and interactive features can be embedded in the page.

86

12

86

12

86

12

86

12

86

12

86

576

Layout examples The width of an image has to fit the grid, whereas the height is variable. Text flows around the image.

Images are always placed left-aligned in the content area (except for images in a row).

Main content The grid can be subdivided into six columns if necessary.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

45


6.0 Content Page Elements 6.6 Tables

Application: Page Type C Positioning: columns 2 – 4 (in case we

C

have no snippet area, 2 – 5 are also possible)

Title bar

g

3

2

26 20

1 20 1 20

n

Content rows with one or more lines. Please note that text within

1

tables is positioned right-

36

4

26

aligned, whereas all figures are positioned left-aligned.

s 86

12

12

86

12

86

12

86

12

86

12

86

12

576

Bars have different shades of light blue as their background color. Rows are separated by lines in light gray color (the final row has no closing line).

Font styles: g

Copy text Arial Bold 12 pt

n

Copy text Arial Regular 11pt

s

Footnote Arial Regular 9 pt

See pages 20 / 21 for additional information (colors etc.).

1

2

3

Bar

Bar

Bar

Light blue 4 RGB 235 / 239 / 246 HEX # EBEFF6

Light blue 5 RGB 207 / 218 / 235 HEX # CFDAEB

Light blue 1 RGB 184 / 203 / 227 HEX # B8CBE3

4

Lines Gray RGB 204 / 204 / 204 HEX # CCCCCC

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

46

1


6.0 Content Page Elements 6.7 Input Forms

C

Application: Page Type C or popup

The design of input forms is based on

window

the table layout.

Positioning: columns 2 – 4

Title bar

1

g

2

28 19

10 10

n

Mandatory input fields 1

3

are marked by a star

Prefilled fields with sample text

System elements

20 28

System elements are used for input fields, buttons and pulldown menus. 12

86

12

86

12

86

12

86

86

12

12

86

12

576

Font styles: g

Copy text Arial Bold 12 pt

n

Copy text Arial Regular 11pt

1

2

Bar

Bar

Light blue 4 RGB 235 / 239 / 246 HEX # EBEFF6

3

Light blue 5 RGB 207 / 218 / 235 HEX # CFDAEB

Lines Gray RGB 204 / 204 / 204 HEX # CCCCCC

See pages 20 / 21 for additional information (colors etc.).

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

47


6.0 Content Page Elements 6.8 Info Snippets

Application: Page Types B and C Positioning: right column

B / C

The info snippets provide relevant

p

information cross-linked directly to specific content pages. They can also

m

1

p

2

17

include further material on the theme as short movies or download files.

34

Note: If a page has no snippet boxes,

17

3

please do not use the space to broaden the content area (exception: tables; see 4.6).

Snippet title

17

(always a single line)

3

n

p Font styles:

1

Title bar Blue RGB 207 / 218 / 235 HEX # CFDAEB 2

Background Light blue RGB 235 / 239 / 246 HEX # EBEFF6

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

17

m Snippet box title

3

Arial Bold 11pt n

Copy text Arial Regular 11pt

p

Copy text Arial Regular 11 pt

See pages 20 / 21 for additional information (colors etc.).

12

12

184

48


7.0 User Interface Messages

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

49


7.0 User Interface Messages

Message examples This chapter contains rules for messages to the user in the event of interactive procedures, or when leaving the site. They are of critical importance in order to send feedback to the user even outside the navigation structure and to accompany him or her through the web pages. These pages are designed with the Corporate Website‘s look & feel.

Error messages: ■

"Page not found"

"Your browser could not display this page"

"The flash plugin is not installed"

Confirmation messages: ■

"Thank you for your application"

Header title and navigation levels 2 – 4 are left out. Basic layout for error and confirmation messages (Page Type C)

Notes: Notes are displayed in a popup window (see page 12). ■

External links:

"Please Note: You are now leaving the Deutsche Bank Website"

Basic layout for notes in a popup window (width = 404 pixels)

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

50


8.0 URL Guidelines

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

51


8.0 URL Guidelines 8.1 General Information about URLs

This chapter outlines the components of an URL (Uniform Resource Locator) in order to support requirements 3.1.1 and 3.3.1 of the Website Governance Standard with regard to URL Selection and URL Exception Handling Process. Furthermore, it gives an overview of Deutsche Bank URLs and defines the URL registration process.

Components of an URL The URL (Uniform or Universal Resource Locator) is the unique

IP addresses are too difficult to remember. As a consequence,

address of a file on the Internet or on the Intranet. It consists of

website addresses are usually communicated using domain

the following components:

names.

Protocol identifier e. g. http:// or https:// (optional: when

Do not communicate URLs based on IP addresses within the

missing, popular web browsers assume http://)

Bank.

The fully qualified domain name (in short "domain name") e. g. www.deutsche-bank.com consisting of domain labels (e. g. "deutsche") separated by "." (theoretically the IP

Domain name

address of the server can be used instead of the domain name)

Domain names incorporate usually a corporate name, a brand

Optional: a port identifier e. g. :80

name, a claim or the name of the goods & services offered

Optional: a virtual directory e. g. /pbc or URL path (e. g. /en/

on the website. Technically, they translate a name into an IP

content/company/our_company.htm)

address and make website addresses more user-friendly. For example: the domain name www.deutsche-bank.com corre-

A URL must technically allow the user to come back to the

sponds currently to the IP Address 217.73.49.24.

previous URL he / she visited using the "back" button of his / her browser.

A domain name is a sequence of domain labels separated by dots ("."). Each domain label consists of lower-case letter (a – z),

This Guideline describes only domain names and virtual directo-

digits (0 – 9) and may also contain dashes ("-"). Each domain

ry / URL-path. The "protocol identifier" and "port identifier" relate

label must start and end with an alphanumerical character (a – z

to technological elements that are not regulated by the Bank.

or 0 – 9). The length of a label is restricted to 63 characters, the number

IP address

of domain labels in a domain name is limited to 127, and the sum of the lengths of all labels must not exceed 255 characters.

An IP (Internet Protocol) address is a set of four numbers separated by dots (".") e. g. 217.73.49.24; each number is not greater

The leftmost domain label can not start with a digit, in order to

than 255.

syntactically distinguish all domain names from IP addresses. The two rightmost domain labels of all Group internet websites in Brand Category 1, 2 and 3 must be either "db.com" or

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

52


8.0 URL Guidelines 8.1 General Information about URLs

"deutsche-bank . [country code]" or "deutschebank . [country

Virtual directory

code]. Exceptions may be granted for Brand Category 3 websites based on brand or marketing rationale. Exception handling

Subdomains should preferably be used. But if this is not pos-

is addressed in the Website Governance Standard chapter 3.3:

sible, for example for technical reasons, the virtual directory

URL Exception Handling Process.

approach is an alternative.

Internet Domain Names:

A virtual directory is a set of directories placed behind the

The leftmost label of the main Internet URL of a website should

domain name separated by slashes and has the following

be the usual "www.".

syntax: <subdomain> [ / product] [ / service] [ / country or language

Intranet Domain Names:

identifier]

Intranet Domain Names can not begin with "www." New Intranet domain names must end with "intranet.db.com"

Example: gm.db.com/fx or www.db.com/csr/en

Top level domain:

Elements in [square brackets] are optional

The top level domain is the rightmost part of a domain name,

Different language versions of the same website must use

usually * behind the last dot. It is either:

the virtual directory approach. The [country or language

A generic top level domain (e. g. ".com", ".biz", "info", ".net",

identifier] subdirectory differentiate their URLs. The coun-

".jobs", ".mobi")

try identifier can be either the country code (as defined in

A two-letter country code (e. g. ".de", ".it") as defined in ISO

"Top level domain") or the name of the country in one of the

3166-1/1997)

languages of the website (e. g. /suisse, /schweiz or /switzerland). The language identifier is either the language used

* Please note that some countries like ".uk", ".au", ".sg" etc. only allow two leftmost labels (e. g. ".com.au" or ".co.uk")

(e. g. /deutsch for German) or a common accepted abbreviation for the language version of the website (e. g. /en for English, /de for German etc.)

Subdomains URL path A subdomain consists of an additional domain label and dot "." placed before an existing domain name. For example, "careers.

The URL path specifies a portion of the URL after the sub-

db.com" is a subdomain of "db.com".

domain and a slash: it supplies the details of how the specified resource, usually an HTML file, can be accessed. The URL path

The syntax for subdomains is:

for HTML files ends with .htm or .html.

[region .] [service .] [product .] <domain name> Example: /index_e.htm in the URL http://www.db.com/ index_e.htm

Elements in [square brackets] are optional

Elements in <square brackets> are compulsory

"deutsche(-)bank" stands for both deutschebank and

There is no specific recommendation for URL paths, but very

deutsche-bank

long and technical URL paths (e. g. as generated automati-

Country code as defined in the chapter "Top level domain"

cally by Lotus Notes) should not be communicated. Please use

shorter URLs (e. g. with a meaningful subdomain) instead.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

53


8.0 URL Guidelines 8.1 General Information about URLs

Regional URLs Internet syntax: www.deutsche(-)bank . [country code] Example: www.deutsche-bank.it The above mentioned domain name shall redirect to www.db.com / [country or language identifier] Intranet Syntax: [product .] [group division .] <country code> . intranet.db.com e. g. bcm.jp.intranet.db.com

Aliases An "alias" is an alternative URL for a website to allow users to find this website even if they do not remember its main URL. E. g. deutsche-bank.com is an alias of db.com. Aliases may include Typo-Domain Names. E.g. deutsche-bank.de has been registered as an alias for deutsche-bank.de. Aliases must not be used to communicate the address of a website: use only the main URL for this purpose. An Internet website can have one or several aliases, but an Intranet website should not have any single alias.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

54


8.0 URL Guidelines 8.2 URL (Re-)Registration Process

In order to support requirement 3.2.1 of the Website Governance Standard, this chapter describes the process for (re-)registration of a website's URL.

Specifications:

1. 2. 3. 4. 5.

Responsibilityâ&#x20AC;&#x2030;*

Content Owner

Check URL for compliance to this Guideline.

WSG Controller

Check compliance of website to Website Governance Standard and Guide-

WSG Controller

For an internet URL, check compliance with respect to Branding.

Brand Manager

In case of (re-)registration of an internet website's URL based on www.

Group URL Manager

Group URL Manager

WSG Controller

Instruct the Webmaster to (re)register URL compliant to this Guideline via dbregister (http://dbregister.intranet.db.com).

line on Design.

db.com or www.deutsche-bank.de, ensure that the Domain Name Server (DNS) administrator creates (keeps) corresponding URL entry in DNS. In case of (re-)registration of an internet website's URL not based on above domains, ensure that the responsible Domain Name Registrar creates (keeps) URL entry in DNS.

6.

In case of (re-)registration of an intranet websiteâ&#x20AC;&#x2122;s URL, create (keep) entry of URL in DNS via GTO, IBM or any other party responsible for intranet URL implementation.

7.

Acknowledge (re-)registration of URL to Webmaster via dbregister notification.

* Roles & Responsibilities are described in the Website Governance Policy & Standards Annex C

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

55


8.0 URL Guidelines 8.3 Overview of Deutsche Bank URLs

Internet Level

Syntax

Examples

Domain name

Deutsche Bank Group Homepage

■ www.db.com

■ www.deutsche-bank.de

Subdomain

■ [service .] [product .] <domain name>

Virtual Directory

■ <Subdomain> [ / product] [ / group division] 

■ login.autobahn.db.com ■ ap.db.com/dbwww/connect/malaysia

[ / country or language identifier] Regional URL

■ www.deutsche-bank . <country code>

■ www.deutsche-bank.it

Aliases

No specific syntax, but aliases must redirect to a

■ www.deutschebank.com

website whose URL corresponds to one of the above.

■ www.deutsche-bank.com

■ www.deutschebank.de

Intranet Level

Syntax

Subdomain

Virtual Directory

[product .] [group division .] [country code .] 

Examples ■

Ies.gto.intranet.db.com

gto.intranet.db.com/dbtrader/cib/au

intranet.db.com ■

<subdomain> [ / product] [ / group division]

[ / country code] Aliases

n.a.

Deutsche Bank Corporate Design Guidelines Group Brand Communications | June 2006

n.a.

56

Deutsche Bank - Corporate Website  
Read more
Read more
Similar to
Popular now
Just for you