Slogan Tutorial

  • Slogan button
    Outlook of slogan section
    Click Slogan to go to slogan section. You can add your slogan to the image in this section.
  • Slogan text field
    Add slogan in the text field
    Type your slogan in the text field provided. (e.g. 360° Imaging Hosting & Production Hub in this example)
  • Different font size options
    Options of font size: 8px, 12px, 18px, 24px, 36px, 72px
    There are options for you to choose the font size of slogn.
    Font size options:
    • 8px
    • 12px
    • 18px
    • 24px
    • 36px
    • 72px
  • Example of 72px font size
    Slogan with 72px font size
    If you think the slogan with 72px font size is too big compared to the product, you can change the font size again by choosing font-size options or just type number into the field.
  • Color options
    Different color options
    There is plenty of color options to change the font color. You can either choose the default color options, or drag the color in the color picker.
  • Example of Roboto
    Font family options: Arial, Verdana, Roboto, Noto, Helvetica and Ubuntu
    Font family is the typeface that will be applied by a web browser to some text.
    There are currently 6 options of font family:
    • Arial
    • Verdana
    • Roboto
    • Noto
    • Helvetica
    • Ubuntu
  • "Stick to" position options
    9 position options
    You may want your slogan goes to different position. So "Position - Stick to" prodvides an option to place the slogan as any position as you want.
    There are totally 9 options for "Stick to" position:
    • Upper left
    • Up
    • Upper right
    • Left
    • Central
    • Right
    • Bottom left
    • Bottom
    • Bottom right
  • Example of top right corner
    Slogan is stuck in the top right corner
    By clicking the upper right button in the "Stick to" option, the slogan will move to top right corner in the image.
  • Fine tune position
    Fine tune position is also available
    If you are still not satisfied with the "stick to" options, you can adjust the positon manually by clicking the button under "Fine-tuning". Then the slogan will slightly move when you click "Fine-tuning" button.
    Similarly, there are totally 9 options for "Fine-tuning" position:
    • Upper left
    • Up
    • Upper right
    • Left
    • Central
    • Right
    • Bottom left
    • Bottom
    • Bottom right
  • Slogan move upward from bottom
    Fine tune position - Final
    For example, you want the slogan move slightly upward from the bottom. Firstly, click "Stick to" bottom button so the slogan is stuck in the central.
    Then, you can click 10 or more times of "Fine-tuning" up button so the slogan will also move upward.
  • Slogan
    Click Slogan to go to slogan section. You can add your slogan to the image in this section.
  • Input text field
    Type your slogan in the text field provided. (e.g. 360° Imaging Hosting & Production Hub in this example)
  • Font size
    There are options for you to choose the font size of slogn.
    Font size options:
    • 8px
    • 12px
    • 18px
    • 24px
    • 36px
    • 72px
  • Type in font size
    If you think the slogan with 72px font size is too big compared to the product, you can change the font size again by choosing font-size options or just type number into the field.
  • Color options
    There is plenty of color options to change the font color. You can either choose the default color options, or drag the color in the color picker.
  • Font family
    Font family is the typeface that will be applied by a web browser to some text.
    There are currently 6 options of font family:
    • Arial
    • Verdana
    • Roboto
    • Noto
    • Helvetica
    • Ubuntu
  • Stick to
    You may want your slogan goes to different position. So "Position - Stick to" prodvides an option to place the slogan as any position as you want.
    There are totally 9 options for "Stick to" position:
    • Upper left
    • Up
    • Upper right
    • Left
    • Central
    • Right
    • Bottom left
    • Bottom
    • Bottom right
  • Stick to example
    By clicking the upper right button in the "Stick to" option, the slogan will move to top right corner in the image.
  • Fine-tuning
    If you are still not satisfied with the "stick to" options, you can adjust the positon manually by clicking the button under "Fine-tuning". Then the slogan will slightly move when you click "Fine-tuning" button.
    Similarly, there are totally 9 options for "Fine-tuning" position:
    • Upper left
    • Up
    • Upper right
    • Left
    • Central
    • Right
    • Bottom left
    • Bottom
    • Bottom right
  • Fine-tuning example
    For example, you want the slogan move slightly upward from the bottom. Firstly, click "Stick to" bottom button so the slogan is stuck in the central.
    Then, you can click 10 or more times of "Fine-tuning" up button so the slogan will also move upward.