The activity indicator is horizontally and vertically centered in the surrounding element.
The spacing for both height and width is 5.8 rem.
The primary color of the activity indicator is #66686E. The application modifies the primary color of the individual slats and allows them to rotate.
A splash screen is displayed when an app starts.
The logo appears in the center of the screen. The title of the application is centered to the left of the logo.
The font is based on FontDefault with the following exceptions:
|Description||Value: smartphone||Value: tablet|
|Logo width (a)||21.1 rem||41.5 rem|
|Upper spacing (b)||11 rem||13 rem|
|Spacing between logo and application title (c)||11.5 rem||16.5 rem|
Text elements are combined with one another. The following combinations have been explicitly taken into account during the design:
In the case of consecutive paragraphs, several text elements are arranged one below the other. Text elements can also be separated from one another by horizontal dividing lines.
Bullet points are displayed by Unicode character • (code 0x2022) followed by a space. These two characters define the width of the area.
A flowing text container is located on the right of the bullet point container. Wrapped text is left-aligned in order to ensure consistent alignment.
A description list structures content into lists. Instead of bullet points or reference numbers, the content is preceded by a term. The term is followed by the content:
A label or term appears on the left. A flowing text container appears on the right.
If several elements of a description list are located one below the other, the contents are left-aligned.
With the communication of advantages you can create a list.
The font is based on FontDefault. The communication of advantages uses icons as resources.