OpenBridge
Design Guidelines

About layout

Openbridge applications have a uniform structure based on a set of principles and components that allows the structure to scale across screens and distances. The applications layout describe the generic design of all applications and how to embed shared functions such as dimming and alarms into every application.

Main areas

The layout section is divided into three main areas

Size and distance

Size and distance explain how to apply the dimensions (px) found throughout the design guideline to screens of different size, resolutions and distance.

Size and distance

Responsive scaling

Responsive scaling describe how the content in user interfaces can be reorganised according to available screen size, from phones to very large screens.

Responsive scaling

Structures

Structures describe the generic makeup of different categories of user interfaces. We describe four types of user interfaces. Applications, widget, settings and vendor area. Detailed descriptions of the elements used in the structures can be found in the components section.