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.
Any adjustments made to the banner in the New Experience will apply only to the New Experience.
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
Please note
-
Square Logo: Updates to the square logo apply to both the Classic and New Experience, as it is a shared element across both interfaces.
-
Rectangular Logo: This logo is exclusive to the New Experience and is not available in the Classic Experience.
Colors
Under Colors, you can set a color palette of five colors that affect your links, buttons, and sidebar icons.
Note: You can easily revert any branding color changes to the original default settings by selecting the appropriate option, as illustrated below.
The system retains a predefined set of default branding colors that restore the original look and feel. Please note that certain interface elements have fixed color settings that are not customizable.
Download a more advanced preview resource here.
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.
To help you achieve the best visual results across your academy, here are some recommended image sizes and formats for various components:
-
Training Thumbnails:
Training thumbnails are automatically generated based on your uploaded banner images (suggested size: 1200 × 200 px). These images are resized or cropped to fit 4:3, square, or 16:9 aspect ratios, depending on the screen size and where the image is displayed. Each thumbnail links to a larger page or resource where the same banner image is reused. -
Badges:
Badges are always square and may appear in different shapes, such as a box, hexagon, or circle. For the best appearance, we recommend using images sized at 400 × 400 px. -
Microlearning Cards:
Microlearning cards display images in a vertical format. The suggested maximum dimensions are 650 px (width) × 1000 px (height).