Master Style

Creating a custom Master Style streamlines the guide creation process. A style includes design elements that enable you to create guides that match your app's unique look and feel. 

Once you create a Master style, it will be selected by default for each of your new guides. You can always override a style's configuration for a specific insert. 

Example: this is a typical mobile guide. The bullets below describe the data you should send us to fit your app's look and feel to the style attributes to create guides that look exactly like your app.

In this example the master style will define the defaults for each of the following:

Guide elements

• Title ('Free Shipping Today') - font name, font type (f.e. Bold), font size, font color, text alignment (center/right/left)
• Subtitle ('Hurry, the offer expires in 24 hours!') - font name, font type (f.e. Bold), font size, font color, text alignment (center/right/left)
• Additional Text (text in small letters that sometimes appears on the message) - font name, font type (f.e. Bold), font size, font color, text alignment (center/right/left)
• Primary button ('OK') - font name, font type (f.e. Bold), font size, border thickness, border color, button's corner radius
  • Default button state: font color, background color 
  • Selected button state: font color, background color 
  • Disabled button state: font color, background color
• Secondary button ('Cancel') - font name, font type (f.e. Bold), font size, border thickness, border color, button's corner radius
  • Default button state: font color, background color 
  • Selected button state: font color, background color
  • Disabled button state: font color, background color 

Main guide look and feel

• Background color
• background image URL - in case there is a generic background image that you would like to serve as default
• Background image layout (how the background image is fit into the device's screen): Fill - the image fills the guide and might be truncated; Fit - the image fits the guide width and might have margins on the sides; Tile - small images are tiles across the guide
• Border thickness
• Border color
• Button's corner radius

Contact mobile.help@pendo.io to create your own master style.

For more information and tips about guide styling read here.