Customizing Your Academy's Look (Branding)

Schoox Brand Guidelines

You can customize your academy’s look to better fit your personal preferences or organization's branding. You can adjust the colors used, and can add a cover image and logo where desired.

To do so, head to the Academy Admin Workspace. Then head to Settings -> General in the left navigation panel.

Under the Academy Branding tab, you are able to rename your academy and adjust several aspects of how your academy looks. More options will be added in the near future.

Branding Your Academy

There are four options for customizing the look and feel of your academy to align with your organization’s brand. This includes changing the cover image, adding your logo, changing the active menu option on the left navigation, and changing the font color of the left navigation.

Cover Image — The main image that sits at the top of the six main Workspaces.
Sidebar Logo — This space is reserved for your brand logo.
Active Navigation Item — The active Workspace left navigation currently being utilized.
Active Navigation Item Text — The text that lives in the Active Navigation Item.

Adding and Replacing Your Cover Image

The cover image can be leveraged as the main image for your academy. It can be seen on all workspaces by all users. To add or replace the cover image, select Upload Cover.

The optimal dimensions are 1200px wide by 200px high for a cover image meant for a 1920 x 1080 screen. Experimentation and adjustments may be necessary for your needs.

Please note

  • There is a gradient automatically added to cover images, making the cover image look darker than the original.
  • Words may not appear as intended when used on the cover image. It is suggested to refrain from using words on the cover image.

Logo Image

The sidebar logo displays in the upper-left corner of the academy, and the regular logo displays in emails as part of the header. To add or replace either logo image, select Upload Logo.

The optimal dimensions for the sidebar logo are 300px wide by 100px high.

The Regular logo's dimensions are 300px x 300px

The logo dimensions may be adjusted to utilize more of the space as we continue to enhance the new experience.

Active Navigation Item (Text)

Under Site Colors, you can adjust the left menu colors of the active menu item.

Selected background menu color refers to the options background, whereas Selected text refers to the text within the selected left navigation option.

Help Button

Under Help Widget colors, adjust the colors associated with the Help button in the lower-right corner of the screen.

The Icon options refer to the button itself, whereas the Menu options refer to the items that appear when activated.

Common Image Sizes

Lectures, courses, learning paths, and other elements can have their own imagery as well. Most of the features have their own administration panel in which you can find the respective Edit Image tab. Event images can be edited from the Manage Events page/panel; and Resources item images can be edited from Resources on the Learner, Team or Training Admin Workspaces. Look for items Course Thumbnail, Learning Path Thumbnail, Lecture Thumbnail, Group Thumbnail, Exam Questions, and Content Thumbnails .

Optimal image size is 620x370 as shown below. As long as the aspect ratio is maintained and you are within the four-megabyte size, a higher resolution will provide a cleaner image.


Was this article helpful?
0 out of 0 found this helpful