Login Screen

The Login Screen allows users to authenticate themselves before accessing the remainder of the app.

Note

Appearance of the Login Screen is a configurable setting.

The font color of the header label¹ is colored by the Header Label semantic color. The Navigation Bar Button semantic color serves as the font color of the Close Button² in the navigation bar. The brand logo³ is customizable. The Primary Background semantic color serves as the background color⁴ of the screen, and the font color of the instructional label⁵ is colored by the Primary Label semantic color. The background color of the Login button⁶ is colored by the Primary Action semantic color.

Requirements

• The brand logo must be provided in SVG format to minimize potential scaling issues.