Applying custom branding to the secure edge portal

Prev Next

This article explains how to customize your organization’s Secure Edge Portal account to match your company’s branding standards, including:

  • Logos
  • Background image
  • Favorite icon
  • Sidebar theme
  • Primary color
  • Text color
  • Privacy policy
  • From email address
  • Fonts
Custom branding is enabled for your company’s account based on your Subscription Agreement. For more information, contact your Account Manager.

Customizable branding components in the secure edge portal

The following table includes a list of branding components that you can customize in your Secure Edge Portal account.

NameDescriptionRequirementsTips

Dark Logo URL

A dark logo image to use on screens with light backgrounds, such as:

  • Login
  • Verify Email
  • Forgot Password
Format: 
  • SVG (recommended), PNG, and JPG.
  • Your browser may support additional image formats.

Size:

  • Recommended size is between 90 x 30 pixels and 180 x 60 pixels. Images not in this range are scaled to keep the aspect ratio 3:1. 
  • Image background should be transparent.

It’s best to provide both dark and light logos. If only one is provided, it’s used on all screens.

Light Logo URL

A light logo image to use on screens with dark backgrounds, such as the portal's left menu bar.

Format: 

  • SVG (recommended), PNG, and JPG. Your browser may support additional image formats.

Size:

  • Recommended size is between 60 x 20 pixels and 120 x 40 pixels. Images not in this range are scaled to keep the aspect ratio 3:1.
  • Image background should be transparent.

It’s best to provide both dark and light logos. If only one is provided, it’s used on all screens.

Favorite Icon URL

An icon to use when the left menu is collapsed. The browser uses it in tabs and bookmarks.

Format: 

  • ICO (recommended), PNG, and GIF. Your browser may support additional image formats.

Size:

  • Recommended size is between 32 x 32 pixels and 40 x 40 pixels. Images not in this range are scaled to keep the aspect ratio 1:1. 
  • Image background should be transparent.

If you don’t specify this field, the dark logo is used. If no dark logo is specified, light logo is used.

Login Background URL

Images to use as login screen backgrounds.

Format: 

  • SVG (recommended), PNG, and JPG. Your browser may support additional image formats.

Size:

  • Image is sized to cover the entire login screen background.

You can specify up to four images. If you specify more than one, they are used randomly. If you don’t specify an image, the default is a gray background.

Privacy Policy URL

The privacy policy URL to use in the login page cookie banner.

NA

If you don’t specify a URL, the default Neeve Secure Edge privacy policy URL is used.

Left Menu Color Theme

Select the color theme for the left menu

NA

Default is dark.

Primary Color

The primary color for key user interface elements such as:

  • Menu
  • Button
  • Radio button
  • Checkbox
  • List item
  • Input box

NA

Default is #ec6000. Primary Color applies only to primary action buttons such as OK, Yes, and Save. Secondary action buttons such as Cancel, No, and Close will be white.

Text Color

The text color for elements such as:

  • Heading
  • Menu
  • Widget labels
  • Input box text

NA

Default is #555555. Text Color applies only to secondary action buttons such as Cancel, No, and Close. Text color of primary action buttons such as OK, Yes, and Save will be white. If the color theme of the left menu is dark, the menu labels will be white.

From Email Address

The email address used for all emails that Secure Edge Portal sends you, including:

  • Alert notification
  • Account email verification
  • Password reset
  • Password change confirmation.

If you set a From Email Address, you will receive a verification link at that address. If you don’t verify the email address within 24 hours, select Verify on the Custom Branding page to request another verification link.

Default is [email protected]

Font Family URL

The URL of the font family to use for key user interface elements such as:

  • Heading
  • Menu
  • Widget label
  • Input box text
  • Tooltip
  • Tag (e.g., node status, remote network connection status, label, etc.)

Currently, only Google Fonts is supported (fonts.google.com). Select a font, get the embed code, and paste it into the Font Family URL field.

If you don't specify this field, your browser will pick the first available font in the Secure Edge Portal font stack. Your font family setting does not apply to the documentation page, service logs, legends, and mouse over text displayed for menu, button, etc.

Applying Custom Branding

Custom branding in the Secure Edge Portal allows you to tailor the look and feel for your organization. Once applied, the branding can automatically extend to child organizations (see Branding inheritance for child organizations for more details).

  1. From Secure Edge Portal left menu, select Orgs, and then from the three-dot menu to the right of the org entry, select Customize Branding.
  2. On the Customize Branding page, supply URLs to upload logo image files, and set the other fields as desired. When you select a text-entry field, the help content displays with image format requirements and best practice tips, as shown in the example below.
  3. Select Save to complete your customization.

Removing Custom Branding

  1. On the Customize Branding page, select Revert.
  2. A confirmation dialog opens. Select Yes - Revert to Neeve Branding to confirm your choice.