Selecting brand colours and default fonts

In this tutorial, we will modify the primary appearance settings of your storefront, focusing on branding colours and font.

Infigosoftware

  1. 1. Our existing storefront

    Below is an image of our existing storefront. Our logo has been applied, however the remainder of the branding is the storefront default.

    Our existing storefront

  2. 2. From Infigo admin, click Content Management

    From Infigo admin, click Content Management

  3. 3. Click on Appearance Settings

    Click on Appearance Settings

  4. 4. The main colour and font settings are controlled in the Manage Theme window

    The main colour and font settings are controlled in the Manage Theme window

  5. 5. Define your primary colour with a hex value or using the colour picker

    Primary and secondary colour will result in automatic changes to several other colour options. Those can be defined individually when required.

    Define your primary colour with a hex value or using the colour picker

  6. 6. Define your secondary colour with a hex value or using the colour picker

    Primary and secondary colour will result in automatic changes to several other colour options. Those can be defined individually when required.

    Define your secondary colour with a hex value or using the colour picker

Infigosoftware

  1. 7. Define your text colour with a hex value or using the colour picker

    Define your text colour with a hex value or using the colour picker

  2. 8. Define your button colour with a hex value or using the colour picker

    Define your button colour with a hex value or using the colour picker

  3. 9. Select your desired font

    Select your desired font

  4. 10. Click on Save

    Click on Save

Infigosoftware

  1. 11. Click on Public store

  2. 12. Your storefront will be using your updated appearance settings

    Your storefront will be using your updated appearance settings