Components breakdown:

  1. The horizontal scrolling experience scroll bar and indicator.
  2. The main content (cards of data).

Note: For the main content (cards of data) it could be many types. each card has it’s own guidelines which should be implemented as well.

Guidelines:

  • No.1: 40px.
  • No.2: 40px.
  • No.3: 40px.
  • No.4: 40px (follow the card guidelines).
  • No.5: 40px (follow the card guidelines).
  • No.6: 30px (follow the card guidelines).