How do I use the Branding tab in RePlay Tasks?

RePlay Tasks allows you to personalize the branding and appearance of your study. In this help, we'll discuss how to use the Branding tab to:

  • Customize the color scheme of your RePlay study
  • Upload your company's logo
  • Upload a header image

Customize the color scheme of your RePlay study 

  • Repaint your RePlay study with your company colors!
  • This setting changes the main colors of the study (e.g. color of the header, buttons)
  • You can separately change primary and secondary color, which combine to form a gradient. If you wish for only a single color without gradient, pick the same color as both primary and secondary.
  • If you have difficulty picking colors, try exploring Gradient presets.
  • The colors of labels will automatically adjust to be either black or white (on light and dark background respectively) to assure easy readability.
  • You can further personalize the study by adding your company logo.
  • The UXtweak logo will be displayed by default.
  • Click the + button and upload the logo image from your system.
  • Only images in GIF, JPG and PNG formats are allowed.
  • The image has to be smaller than 200 KiB and with the maximum dimensions of 300 x 80 px.

Upload a header image 

  • Aside from a gradient, your can also change the header of your study to contain a personalized header image.
  • Click the + button and upload the header image from your system.
  • Only images in GIF, JPG and PNG formats are allowed.
  • The image has to be smaller than 500 KiB and with the maximum height of 180 px. There are no restrictions for header image width.

There are two options for how the header image will be fit inside the header:

  • Cover - The image stretches to fully cover the header (depending on aspect ratio, edges of the image might be cut off)
  • Contain - The image stretches to be fully visible (depending on aspect ratio, parts of the header might remain uncovered by the image)