Skip to content

UI Modes

SupportID offers two distinct UI layouts that you can set via the uiStyle configuration key.

Large Mode (Default)

The Large layout uses a card-based design with bigger touch targets, making it ideal for:

  • Shared devices or kiosks
  • Users who need larger text
  • Environments where quick glanceability matters
<key>uiStyle</key>
<string>Large</string>

Characteristics:

  • 90×90px shortcut button icons
  • Larger fonts throughout
  • Card-based data point layout
  • More vertical spacing

Regular Mode

The Regular layout uses a compact list-based design that matches the native iOS Settings aesthetic:

<key>uiStyle</key>
<string>Regular</string>

Characteristics:

  • 60×60px shortcut button icons
  • Standard iOS font sizes
  • List/Form-based layout
  • More information density

Choosing a Mode

ConsiderationLargeRegular
Touch target sizeLargerStandard
Information densityLowerHigher
AccessibilityBetter for low visionStandard
iOS Settings feelCustomNative
Best forShared devices, kiosksPersonal devices

Configuration

The uiStyle key accepts exactly two values:

ValueLayout
"Large"Card-based with larger elements
"Regular"List-based matching iOS Settings