These settings affect the Subscribe Panel. This section of the UI displays when a user taps to Subscribe to your publication. The following settings modify its appearance.

These items can be viewed in the iOS Preview app by opening Safari and navigating to this URL on the iOS device you are previewing from: com.thesmythgroup.typeengine://purchase-ui?enabled=true


"format": {
  "fonts": {
    "buttonSubscribe": {"name": "Avenir-Light", "size": 16},
    "buttonRestore": {"name": "Avenir-Light", "size": 16},
    "subscribeFieldsetTitle": {"name": "Avenir-Light", "size": 16},
    "buttonLogIn": {"name": "Avenir-Light", "size": 16},
    },
  "colors": {
    "buttonSubscribeBackground": [125, 125, 125, 1.0],
    "buttonSubscribeSelected": [125, 125, 125, 1.0],
    "buttonSubscribeBorder": [125, 125, 125, 1.0],
    "buttonSubscribeText": [125, 125, 125, 1.0],
    "buttonRestoreBackground": [125, 125, 125, 1.0],
    "buttonRestoreSelected": [125, 125, 125, 1.0],
    "buttonRestoreBorder": [125, 125, 125, 1.0],
    "buttonRestoreText": [125, 125, 125, 1.0],
    "subscribePanelBackground": [125, 125, 125, 1.0],
    "subscribeFieldsetBackground": [125, 125, 125, 1.0],
    "subscribeFieldsetBorder": [125, 125, 125, 1.0],
    "subscribeFieldsetTitle": [125, 125, 125, 1.0],
    "buttonLogInBackground": [125, 125, 125, 1.0],
    "buttonLogInSelected": [125, 125, 125, 1.0],
    "buttonLogInBorder": [125, 125, 125, 1.0],
    "buttonLogInText": [125, 125, 125, 1.0],
    "panelCloseButton": [125, 125, 125, 1.0],
    "panelCloseButtonHighlight": [125, 125, 125, 1.0]
    },
  "dimensions": {
    "buttonSubscribeBorderSize": 1,
    "buttonSubscribeBorderRadius": 5,
    "buttonRestoreBorderSize": 1,
    "buttonRestoreBorderRadius": 5,
    "subscribePanelFieldsetSpacing": 5,
    "subscribeFieldsetBorderSize": 1,
    "subscribeFieldsetBorderRadius": 5,
    "buttonLogInBorderSize": 1,
    "buttonLogInBorderRadius": 5,
    "subscribePanelButtonHeight": 40,
    "subscribePanelButtonSpacing": 5,
    "panelCornerRadius": 1
    },
  "padding": {
    "buttonSubscribePadding": [5, 5, 5, 5],
    "buttonRestorePadding": [5, 5, 5, 5],
    "subscribePanelPadding": [5, 5, 5, 5],
    "subscribePanelFieldsetPadding": [5, 5, 5, 5],
    "subscribePanelFieldsetTitlePadding": [5, 5, 5, 5],
    "buttonLogInPadding": [5, 5, 5, 5]
    },
  "positions": {
    "subscribeFieldsetTitleAlignment": 1
    }
  }