Customizing your portal branding

NAVIGATION  My Account > Create new brand/Manage Branding Info

NOTE  This feature is available to MSP partners only.

Personalizing your vPenTest portal ensures a consistent and professional experience for your clients. You can reflect your company’s brand by uploading logos, applying brand colors, and customizing header and left navigation menu elements.

Creating a new brand or editing an existing brand

You have the option to create more than one brand and set the default that is currently applied to your portal. Complete the following steps to configure your portal branding:

  1. In the upper-right corner of the header, click your profile name (My Account).
  2. If you are creating the account's first custom brand, click Create new brand in the drop-down menu to open the creation window.

    Alternatively, if the account already has at least one custom brand, click Manage Branding Info in the drop-down menu.
  3. You can edit an existing custom brand by clicking the pencil icon in its tile or create a new custom brand by clicking New Brand in the upper-right corner of the page.

Configuring brand settings

When creating a new brand or editing an existing brand, the following tabs are configurable:

In the Platform Branding tab, configure the following settings:

Field Description
Details
Name of brand Enter a name for the brand.
Would you like to make this the default brand? Select Yes to apply this brand to your portal upon saving. You can change the default brand any time. Refer to Changing the default brand.

NOTE  This option is available only when creating subsequent brands after creating your initial brand, as your initial brand is automatically set as your default brand upon creation.
Logos
Portal Logo Image Click Change Image to upload an image file for your portal logo, which appears at the top of the left navigation menu.

Recommended file size:

  • Width: 500 px maximum
  • Height: 40 px maximum

Logos that exceed either limit are scaled down proportionally with vertical centering and left alignment, but smaller logos are not automatically scaled up.

TIP  As the portal header is dark, upload a logo with a transparent background or a background that coordinates with the portal background.
Portal Icon Image Click Change Image to upload an image file for your portal icon.

Recommended file size:

  • Width: 34 px
  • Height: 34 px
Colors
Primary accent Enter the HEX color code to apply to buttons, tabs, and other key design elements in the portal.
Primary background This field automatically populates the primary accent color at 20% opacity, which applies to some primary buttons and icons.

EXAMPLE  The following example shows green as the primary accent color. The lighter green in Schedule an Assessment is the primary background color (20% opacity).
Secondary accent Enter the HEX color code to apply to secondary buttons, tabs, and other design elements in the portal.
Secondary background This field automatically populates the secondary accent color at 20% opacity, which applies to some secondary buttons and icons.
Profile link color Enter the HEX color code to apply as the user profile link color in the upper-right corner of the header.
Subheader link color Enter the HEX color code to apply as the breadcrumb link color.
Icon color Enter the HEX color code to apply as the left navigation menu icon color.
Active text color Enter the HEX color code to apply to active links.
Hover text color Enter the HEX color code to apply to links when hovered over.
Outline icon color Enter the HEX color code to apply as the icon outline on the Assessments page.

Click Save to proceed to the next tab: Report Branding.

In the Report Branding tab, configure the following settings:

Field Description
Report Branding
Domain Enter the web domain to display on the cover page of the report when this report brand is selected for an assessment. Refer to Scheduling an assessment.

NOTE  This field is required in order to create the brand.
Report Logo Image Click Change Image to upload an image file for the logo that appears at the top of the report when this report brand is selected for the assessment.
Report Contacts
Portal Logo Image Enter the details for the contact(s) that appear(s) on the first page of the report when this report brand is selected for the assessment.

To add multiple contacts, click Add Contact.

From the Import User drop-down menu, select a user in the account to add as a contact.

To remove a contact, click Remove.

When you are finished configuring your custom brand, click Save.

Changing the default brand

If you want to change the brand that is currently applied to the portal, complete the following steps:

  1. In the upper-right corner of the header, click your profile name (My Account).
  2. Select Manage Branding Info.
  3. Click the star icon in a brand tile to make that brand the default, and then confirm the change.

Deleting a brand

You have the option to delete a custom brand if it is not currently applied as the default brand. Complete the following steps:

  1. In the upper-right corner of the header, click your profile name (My Account).
  2. Select Manage Branding Info.
  3. Click the trash can icon in the tile of the brand you want to delete, and then confirm the deletion.