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.
In the left navigation, make sure you are in the Academy Workspace.
When in the Academy Workspace, select Academy Admin for all Academy Administration options.
Select Settings and then General.
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 six options for customizing the look and feel of your academy to align with your organization’s brand. This includes changing the banner, adding your logo, changing the way your Academy name is shown, selecting a color palette, changing your email branding, and customizing your login page.
Banner — The main image that sits at the top of your page..
Logo — This space is reserved for your brand logo.
Navigation Menu — This is where your Academy name is shown, with or without the logo.
Adding and Replacing Your Banner
The banner 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 under Banner.
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 logo displays in the sidebar navigation of your academy, as well as in emails. You can add both a rectangular logo and a square logo. To add or replace either logo image, select Upload Logo.
The optimal dimensions for the sidebar logo are 400px wide by 100px high.
The Regular logo's dimensions are 400px x 400px
Colors
Under Colors, you can set a color palette of five colors that affect your links, buttons, and sidebar icons.
Navigation Menu
In the Navigation Menu you can choose how your Academy Name is shown in the navigation menu. For Logo Only, a rectangular logo needs to be uploaded. For Academy Name and Logo, a square logo needs to be uploaded.
Under Email you can decide how you want emails to show up. The default is the square logo, with the Headers and Buttons in the color of your chosen palette. You can also decide to use your banner instead of a solid color.
Selecting Select Header and Button Color allows you to pick another color in your set palette for the header and button.
Login Page
See: Editing the Login Page of Your Academy
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.