OpenBridge
Design Guidelines

About style

The style section describe how to format the visuals of a user interface.

We currently have four palettes and they are realized through the values found in the color and (styles and state) sections.

Main areas

We have divided the section into three main areas.

Typography

Typography describe a limited set of user interface and instrument text styles that are allowed within the OpenBridge framework

Typography

Colors

Colors section describe user interface, instrument and alert color categories and the corresponding palette colors.

Colors

Styles & States

Styles and states define how to format interactive components in the user interface. It define styles as a combination of stroke and fill and show how the style changes according to interaction state. The styles and states are adapted to the available palettes.

Styles & States