OpenBridge
Design Guidelines

About components

Components are elements that are used to make up a user interface. Some of these components are mandatory such as the ones shown in applications structure, while others are used if necessary.

Main areas

We have divided the section into four main areas.

Navigation components

Navigation components are nested components that are made up of smaller components. They are used to navigate through the system, and interact with global functions, like the topbar, dimming center and navigation menu.

The sections explain how the components are used, the simpler components it is using, its use of colors, its use of text and its measurement.

UI components

UI components are simple components such as buttons, checkboxes, toggles and list items. The section explains the design variations of the components, the elements it is made of, colors, typography, measurements and its interactive states.

Alert components

Alert components are nested components, used for alerts. This is components like alert list items, alert notifications and the alert center.

Maritime components

Maritime components are also nested components. This is instruments and graphical elements like thruster representation, compass and boat representation.