Size and distance
The top bar are present on all applications and offer a consistent way for accessing critical functions in an application. It consist of a navigation menu, application label aligned to the left. Alarm icon,dimming and palette icon, optional fields and an application launcher are aligned to the right. The optional field include application icons with direct link to programs and a time component. Find detailed definition here.
Sizes
Check sizes
Recalculate the px values by measuring the actual sizes on the screen that will be used.
Distance
Min-style
Actual size
27" / 1920x1080
710mm
Label
2.5mm
12px
1000mm
Body
3.5mm
16px
1000mm
Small
3.5mm
16px
2000mm
Medium
7.0mm
32px
4000mm
Large
14.0mm
64px