This article outlines how Admins can utilize SafeBase's branding customization options to ensure that their Trust Center meets their brand guidelines and marketing team's requirements.

Navigate to the Trust Center Editor and click Trust Center Settings in the top right.
​

All branding settings are located in the Appearance tab of the Trust Center Settings.
​

The Theme section allows admins to modify the colors and fonts within the Trust Center.
​

The primary color is completely customizable with RGB, HSF, and HEX input available.
​
A SUPER convenient tool for grabbing the correct color is the medicine dropper. Click the medicine dropper icon to pick up a color from anywhere in your browser.
​

Advanced color settings will be available for Enterprise plans only. This allows more granular control over the Trust Center color palette.
​

For all plans, Light Mode is used by default.

If branding calls for a darker color palette, click the Dark Mode toggle and then click Save. The tool will automatically set a dark mode color palette for the Trust Center.
​

All plans have access to our built-in font selection, provided by Google Fonts.

All Access plans have access to the custom font uploader.
Click the Use your own custom font toggle to enable the uploader. SafeBase accepts .woff, .woff2, .ttf, and .otf file types.

The Trust Center Title will be displayed on the public Trust Center, right of the logo.
​

By default, it is "Trust Center". Common examples are "Trust & Compliance," "Trust & Security," etc. SafeBase will automatically prepend your organization's name to your chosen Trust Center Title, so you should not include it here. If you need to change your organization's name, please contact Support.

There are three different options for the Trust Center Banner: Medium, Small, and None.
​

​Medium Example (Includes line of additional info in banner):
​

Small Example (Removes additional info in banner):
​

In the Brand section, admins will upload a logo, favicon, and Open Graph Image.
​

The best practice for uploading logos is to use a high-resolution .png with minimal whitespace. The logo can be dragged and dropped into the modal, or the admin can click to upload it. The image should be 170px wide by 30px high.
​

By default, clicking on the logo in the public-facing Trust Center will take users to the organization's website domain, e.g. https://company.com. To customize that site, add a different URL here.

The favicon is what displays on browser tabs and when a user favorites a Trust Center. The favicon must be a square (16px x 16px or 32px x 32px) .ico file. If you are unable to generate an .ico file natively, there are many free online converters.
​

The Open Graph Image is the image that will be displayed when a user posts a Trust Center's link on a social platform, or messaging tool, e.g., Slack.

Files accepted: .png, 1200px wide by 627px high

Example in Slack:
​

The Brand Banner Image allows admins to set a background banner image for the public-facing Trust Center.
​
For multi-prod customers, a different banner can be created for each product.

SafeBase recommends using a banner with only images or graphic designs. Words or logos will look cluttered behind the Trust Center content.

Files accepted: .png, .jpeg, and .svg, 1280px wide by 350px high

Example:

A simple, yet very important, check is to ensure that there is a good contrast ratio between the colors on the Trust Center, especially between text & the color behind the text.
​
A good contrast ratio is a good indicator that your Trust Center can be easily read by a majority visitors.

The Web Content Accessibility Guidelines (WCAG) international standard recommends:

Use this website to measure the contrast ratio of selected colors.

There are 3 color selections to be made for the background colors of the Trust Center. They are listed in ascending order from what color will be presented minimally to what color takes up the most space on the Trust Center.