Share via

Designing for Compact Mode and Desktop Mode

Desktop Mode Styles

Desktop mode is intended to be a user customizable destination. It is recommended to assume a player has at least 2 widgets open at any point in time during their gameplay and will need to access those widgets as well. While widgets can be smaller, we suggest a minimum width of 240 epx.

Example Desktop mode widget layout with a min and max widget size

Recommended:

  • Min width: 240 epx
  • Max width: 600 epx

Default chrome includes:

  • Widget icon
  • Widget title
  • Close button

Custom chrome buttons:

  • Related options
  • Pin widget action

Compact Mode Styles

In Compact mode, widget widths are more constrained. This provides an optimal viewing area for handheld and TV screens where it’s more effective to view one widget at a time. Widget sizes have been selected to provide text legibility and room for touch input.

Widget chrome actions like options and close widget can be accessed from the navigation in a context menu for the widget itself.

Compact Mode Chrome

  • Min width: 464 epx
  • Max width: 900 epx

Default chrome includes:

  • Widget title