Branding

The Branding page allows you to define and manage your Quable Portal name and design.

The page includes three sections:

• Portal Name
• Images
• Colors & Font

Once you have made all of your selections, click the Save button to save your changes or the Back button (in the top navigation) to return to your previous location without saving the branding selections.

Portal Name

Enter a name for your Quable Portal in the Portal Name text area.

Images

This section allows you to define all of the images to configure your Quable Portal with your own branding.

To add an image, click on the Upload icon next to the preview image. This opens the following dialog:

Click the Upload button to browse for an image, then click the Save button to save the image or the Cancel button to abort the addition of an image.

❗️

Be sure to click the Save button when uploading an image!

Logo

The logo to display in the upper left of the portal.

Logo (login page)

The logo to display on the portal login page.

Empty image placeholder

The image to use if a product sheet does not have an associated asset.

Background (login page)

The image to display in the background of the portal login page.

Favicon

The image on the tab of the web browser page (typically 16 x 16 pixels).

Colors & Font

This section allows you to specify the typeset to use for text as well as the colors for various interface elements in your Quable Portal.

For each color option, you can click on the colored square to access the color picker.

The color picker allows you to select a color by clicking on the large area. You can also use the slide bar beneath it to select another color in the same tone.

If you know the code for the color you want to use, you can enter it directly in the text area. The arrows enable you to switch between HEX, RGBA, or HSLA.

Font family

You can choose any of the following fonts. Noto Sans is selected by default.

Font color

The colors for the font in the Menu, Button, Title, and general Text can be modified to suit your preferences.

Background color

You can select the colors that correspond to your graphic charter for the Menu, Button, and the portal's Top menu.

Icon color

You can select the colors of the icons for your Call-To-Action (CTA) and top menu buttons, as well as the badge for the cart.