Video Tutorial

Illustrated Tutorial

By default, we will set up your branding for you, and if you need a change you can always contact us. But if you want to play with the settings yourself, then here's how you can do that:

Open Application Switcher Menu

In the Global Navigation menu, click the Application Switcher icon [1]. Then, click the Admin menu option [2].

Open Branding

In the Account Management menu [1], click the Custom Branding link [2].

Preview Current Branding

On the content branding settings page, you can see the date of when the last branding update was applied [1]. You can also preview what learners are currently seeing. Click the forward arrow [2] in the preview carousel to navigate through the slides. To edit branding, click the Edit Branding button [3].

Edit Logo

To change your primary or reversed logo, click the Change link [1] to upload a new image file, or drag and drop the file directly into the logo drop zone.

To remove your logo, click the Remove link [2].

Note: A reversed logo is not visible when using a customized color theme.

Edit Theme Color

To enable the customized theme color option, click the Brand Colors toggle button.

Select Theme Color

To select your theme color, click the Theme Color field [1] and enter a hex color code.

If you want to remove the custom theme color and use the SafetyNow default theme, click the Brand Colors toggle button again [2].

As you make changes, the thumbnails in the preview pane will automatically update in real time so you can see what your changes will look like for all learners [3].

Select Navigation Bar Color

To select your navigation bar color, click the Navigation Bar Color field [1] and enter a hex color code.

If you want to remove the custom brand colors and use the SafetyNow default theme, click the Brand Colors toggle button again [2]. To remove only the custom navigation bar color and keep the custom theme color, select the Navigation Bar hex color code field and delete the hex color code text.

As you make changes, the thumbnails in the preview pane will automatically update in real time so you can see what your changes will look like for all learners [3].

Edit Sign In and Splash Page

To customize the sign in and splash pages, click the Sign In and Splash tab.

Add Logo to Sign In and Splash Page

To change the logo on the sign in page to your own logo, click the Brand Logo toggle button [1]. The editor will use the primary and reversed logos you previously uploaded to the main custom branding page. Click a logo thumbnail [2] to display it in the sign in and splash pages.

Add Brand Photo to Sign In Page

To add a photo to the sign in page, upload a new image file or drag and drop the file directly into the photo drop zone [1]. To remove the the brand logo from the sign in page, click the Brand Logo toggle button again [2].

Note: If you do not remove the previously-uploaded brand logo, the logo will display on top of your uploaded brand photo.

Adjust Brand Photo

To adjust the opacity of your brand photo, click and drag the opacity slider [1]. To adjust the display options for your photo, click the photo options link [2] and select an option from the photo options drop-down menu. To change or remove your brand photo, click the Change [3] or Remove [4] links. To return to the custom branding page, click the Back arrow [5].

Edit Course Content Branding

To customize the course content branding, click the Course Content tab.

Customize Course Font

To customize the font used in course slides, search for a font in the Branded Course Font field [1]. Then select the font you want to use [2]. Once a font is selected, it will display in all courses in an account or sub-account. Fonts in the interface outside of courses will not be affected.

The Branded Course Font tool uses Google Fonts. To view available fonts, click the Google Fonts link [3].

To return to the custom branding page, click the Back arrow [4].

Apply Changes

When you're ready to apply changes for learners to see, click the Publish button [1]. To return to the content branding settings page without applying changes, click the Close icon [2].

Note: SafetyNow automatically saves your changes. However, you must publish your changes before learners can see your changes.

Unapplied Changes

A note indicating unapplied changes shows on the Content Branding Settings page. Return to the branding editor to publish changes for learners.