Navigation

Navigation elements are used for navigating the ABB Web sites and pages. The menus are divided into 5 levels. In addition to this menu structure, images and text may provide cross-links in both the Content area and the Resource area. Clicking the ABB logo in the upper left-hand corner brings the user back to the main page.

The pages on ABB Internet use default section colors as a navigation feature. To a certain extent this is also the case on ABB intranet. See Color palettes for a definition of all the color codes.

SPECIFICATIONS:

Width:	774 pixels
Height:	37 pixels
Placement:	Below Banner area, see illustration Page structure

Elements included:

• Top Menu level 1-2

The first level menu is located as a line at the top of the page in the Top menu, and is visible on all pages. This menu lists the content sections of the site. Clicking one of the menu items brings the user to that particular section.

SPECIFICATIONS:

Background color:	ABB Internet: Default blue ABB intranet: Medium intranet blue
Highlight color:	ABB Internet: Main section color ABB intranet: Main site color
Height:	18 pixels
Width:	Width of menu subject text + 10 pixels on either side
Text color:	White
Font:	Arial Regular, 11 pt.

On mouse-over, the categories are highlighted by a box (with the same height and width as menu subject) in the corresponding section/site color. When clicked, the menu item stays highlighted until another section/site is selected.

The second level menu is located as a line right under level 1 in the Top menu. This menu contains all the subcategories of the level 1 selection.

SPECIFICATIONS:

Background color:	ABB Internet: Light section color ABB intranet: Light site color
Highlight color:	ABB Internet: Main section color ABB intranet: Main site color
Height:	18 pixels
Width:	Width of menu subject text + 10 pixels on either side
Placement:	1 pixel below the first level menu
Text color:	Default blue
Highlighted text color:	White
Font:	Arial Regular, 11 pt.

On mouse-over, the subcategories are highlighted by a box (with the same height and width as menu subject) in the section/site color. The text turns white. When clicked, the menu item stays highlighted until another section/site is selected.

• Consists of the third through fifth levels of the menu.

SPECIFICATIONS:

Width:	150 pixels
Height:	Will expand to fit the different menu elements
Placement:	11 pixels below Top menu, see illustration Page structure

Elements included:

• Left Menu level 3

Optional elements:

• Left Menu level 4 - 5

The third level menu is located in the Left menu. The first row displays the left menu title. If a menu item has a forth level menu, this is indicated by an arrow after the item. Clicking the item displays the fourth level menu.

SPECIFICATIONS:

Background color left menu title:	ABB Internet: Main section color ABB intranet: Medium intranet blue
Background color menu:	Default grey
Highlight color:	ABB Internet: Light section color ABB intranet: Light site color
Height:	18 pixels per line. The number of lines per menu item is adjusted to the length of the menu text
Width:	150 pixels
Text color left menu title:	White
Text color menu item:	Default blue
Font:	Arial Regular, 11 pt.

On mouse-over, the menu items are highlighted by a box (with the same height and width as menu item) in light section/site color, text stays Default blue. When clicked, the menu item stays highlighted until another section/site is selected.

If another menu level is needed, a fourth level menu appears below the third level menu item.
The menu consists of a top row with an “x” in the right corner and the subsequent menu items underneath. This menu can be closed by clicking the “x”.

SPECIFICATIONS:

Background color top row:	ABB Internet: Main section color ABB intranet: Medium intranet blue
Background color menu:	Default grey
Height:	18 pixels per line. The number of lines per menu item is adjusted to the length of the menu text
Width:	150 pixels
Placement:	7 pixels indentation from level 3 menu
Text color:	Default blue
Font:	Arial Regular, 11 pt.

On mouse-over, the menu items are highlighted by a box (with the same height and width as menu item) in light section/site color, text stays Default blue. When clicked, the menu item stays highlighted until another section/site is selected.

If a fifth menu level is needed, it appears on top of the fourth level menu item, with the same appearance and function as the fourth level menu.

SPECIFICATIONS:

Background color top row:	ABB Internet: Main section color ABB intranet: Medium intranet blue
Background color menu subjects:	Default grey
Height:	18 pixels per line. The number of lines per menu item is adjusted to the length of the menu text
Width:	150 pixels
Placement:	6 pixels indentation from level 3 menu
Text color:	Default blue
Font:	Arial Regular, 11 pt.

On mouse-over, the menu items are highlighted by a box (with the same height and width as menu item) in light section/site color, text stays Default blue. When clicked, the menu item stays highlighted until another section/site is selected.

Cross-links of general interest should be placed in the Resource area on the right, as text-link or picture-with-caption link. Links can also be presented within text blocks and as pictures/illustration elements in the Content area.

SPECIFICATIONS:

Colors:	Link colors; not visited, on mouse-over and visited. See Color palettes
Font:	In the Resource area; Arial Regular, 11 pt. In the Content area; same as Body text.
Placement:	In the Resource area; 10 pixels from the start of the arrow, 10 pixels below background for heading. In the Content area; wherever appropriate in the Body text.