Customize the design

Use palettes to customize your Q's look and feel.

Apply a default Q palette

There are 8 ready-to-use Q palettes that you can apply as they are or customize further. Timeless is the default palette for any new Q.

  1. Go to the Design section.
  2. Select one of the 8 palettes:
    • Dark mode
    • Cool
    • Forest
    • Rocketship
    • Peachy
    • Stagecoach
    • Accent
    • Timeless
  3. You will see the palette applied directly to your Q on the screen.

Customize a default Q palette

  1. Go to the Design section.
  2. Click on the three dots on the right of any palette.
  3. Click on COPY AND EDIT PALETTE.
  4. Enter a name in the Type your preset name here field and click on SAVE.
  5. Change as many things as you like with the font and colors.
  6. Click on APPLY every time you change a color.
  7. Click on SAVE PALETTE.
  8. In the pop-up window that appears, click on UPDATE MY PALETTES to confirm that all Qs using this palette will be updated too.
  9. You will see the palette applied directly to your Q on the screen.

Create your own palette

  1. Go to the Design section.
  2. Scroll down and click on CREATE A PALETTE.
  3. Change as many things as you like with the font and colors.
  4. Click on SAVE PALETTE.
  5. You will see the palette applied directly to your Q on the screen.

Edit one of your palettes

  1. Go to the Design section.
  2. Click on the three dots on the right of the palette you want to change and click on CUSTOMIZE.
  3. Change as many things as you like with the font and colors.
  4. Click on SAVE PALETTE.
  5. In the pop-up window that appears, click on UPDATE MY PALETTES to confirm that all Qs using this palette will be updated too.
  6. You will see the palette applied directly to your Q on the screen.

Change palettes

  1. Go to the Design section.
  2. Select the palette you want to use for the Q you're creating.
  3. You will see the palette applied directly to your Q on the screen.

Change colors

  1. Go to the Design section.
  2. Click on the three dots next to the palette you want to change.
  3. Click on CUSTOMIZE or COPY AND EDIT PALETTE.
  4. Click on the color/arrow next to each element. The color options are split into five sections:
    • Global
    • Answers
    • Buttons
    • Pagination
    • Footer
  5. To choose a specific color, use the colour selector sliders, the color squares on the right, or by typing the color code in the HEX field.
  6. To choose a basic color, click on the icon and select one of the 20 colors.
  7. Click on APPLY.
  8. Click on SAVE PALETTE.
  9. In the pop-up window that appears, click on UPDATE MY PALETTES to confirm that all Qs using this palette will be updated too.
  10. You will see the palette applied directly to your Q on the screen.

Block instructions

Every block has an instructions label that tells your audience what they have to do in this block. Block instructions are enabled by default.

  1. Go to the Design section.
  2. Enable/disable Show block instructions.

Block image as blurred background

You can set up your Q to use a blurred version of your block image as the background for your block content below your media. Block image as blurred background is on by default.

  1. Go to the Design section.
  2. Enable/disable Block image as blurred background. You can only enable this if Block media as Q background is disabled.

Block media as Q background

You can set up your Q to use the block media as the Q background. If you have a video/gif/audio file, there is a "Play" button. There's a background overlay over the image, determined by the Q background palette value.

  1. Go to the Design section.
  2. Enable/disable Block media as Q background. You can only enable this if Block image as blurred background is disabled.

Q border radius

You can set the exact radius for the edges of your Q in px. The default is 24px.

  1. Go to the Design section.
  2. Enter a number or use the up and down arrows to set a radius in px. The maximum is 50px.
Table of Contents