Home Screen

The Home Screen is the entry point to the app. Users are greeted with a brand logo¹, slogan, and button at the bottom of the screen, prompting them to advance to the next screen. The brand logo should be provided in SVG format to minimize potential scaling issues.

The Primary Label semantic color is applied to the slogan text², and the Navigation Bar Button semantic color is applied to the background colors of the Settings⁵ and Logout⁵ buttons in the navigation bar. The Let’s Get Started Button⁴ is colored by the Primary Action semantic color, and the Primary Background semantic color applies color to the background of the Home Screen itself³.

Requirements

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

home-screen