Brand Styles

Add flair and style to make your Trainual Account your own!

Hannah Clack avatar
Written by Hannah Clack
Updated this week

Branding your business is part of everything you do - onboarding and training included. Learn how to adjust your Trainual brand styles to make your playbook 100% your business.


First, let's add your company's logo. It will appear on the login page and at the top left-hand corner of your screen when you are logged into Trainual.

To adjust your site logo:

  1. Expand the Account options from the left-hand navigation menu.

  2. Choose Settings.

  3. Scroll down to the brand styles section.

  4. Click "Update Logo."

  5. Press "Remove logo" to clear your last logo.

  6. Press "Update logo" to open your file selector.

  7. Select a photo from your computer (we suggest using a transparent PNG file) and click "Open."

  8. Click "Save Changes" at the bottom of the brand styles section.


Now, it's time to customize your account colors. 🎨

To adjust your colors:

  1. Expand the Account options from the left-hand navigation menu.

  2. Choose Settings.

  3. Scroll down to the brand styles section.

  4. Click on the color boxes under "Logo Background Color" and "Accent Color" to choose a color.

  5. Click "Save Changes" at the bottom of the brand styles section.

πŸ”₯ Tip: Add the ColorZilla tool to your Google Chrome extensions to pick your company's colors off of your webpage and paste them in the Hex # boxes.

Create pre-set headings for a quick grab while you build out your content with Custom Paragraph Styles.


To set your Custom Paragraph Styles:

  1. Expand the Account options from the left-hand navigation menu.

  2. Choose Settings.

  3. Scroll down to the brand styles section.

  4. Click on each paragraph style to adjust its font size, color, and size.

  5. Click "Save Changes" at the bottom of the brand styles section

Now, you can access your Custom Paragraph Styles by clicking "Paragraph Style" and selecting a Heading when building out a Step.

πŸ”₯ Tip: To ensure consistency across your account, lock your brand styles so that anyone building out content must choose from one of the established Custom Paragraph Styles.

To lock your brand styles:

  1. Expand the Account options from the left-hand navigation menu.

  2. Choose Settings.

  3. Scroll down to the Advanced Settings section.

  4. Toggle the "Lock Brand Styles" option on.

πŸ“ Please note: After you lock your brand styles, any content that your team builds from that point forward will be exclusively in "Custom Paragraph Styles." Any content that had been built previously not using "Custom Paragraph Styles" will stay as-is.


FAQs

Will my brand style settings show on my public share content?

Yes. Learn more by reading through this help article: πŸ”— Public Share.

Why is my chosen accent color not reflected on the account?

You might have the "High contrast mode" setting selected under your "My settings" page and will need to turn it off in order to see the custom accent color on the account.

πŸ‘‰ Double-check by clicking on your profile avatar > selecting "My settings" from the drop-down menu > and scrolling down to "Advanced."

βœ… If the setting option is active, simply turn it off by removing the checkmark and hitting "Save" at the bottom of the page.

❌ If not, there may be something else happening on your account. Please reach out to support to report the issue.


Learn More about customizing your Trainual Account:

Did this answer your question?