Alert Center

The Alert center is located in the Topbar, and gathers the alert notifications for the application in one place.

Variations

The alert center is a part of the Topbar, and offer access to a short alarm history. The alert center link open up the full BAM system.

Alert center in Topbar

The Alert center is accessible from the Topbar.

Specs

How the Alert center are built up and styled.

Anatomy

The Alert center is mainly built up by a container displaying Alert list items.

Colors

Bright

Element

Color / Style name

1

Topbar border + Text

color-ui-element-active

2

Container

color-ui-container-global

3

Outline

color-ui-border-outline

4

Container button

color-ui-container-setion

5

Icon

color-ui-element-neutral

Typography and icons

Bright

Text category

Text attributes

1

Body

AA

Typeface: Open Sans

Weight: Regular

Size: 16px

Lineheight: 24px

2

Alert icon

Name: Notifications

Size: 24px

Measures and spacing

Note that the top-border lays on top of the bottom-border in the Topbar.