You can design your Academy portal to match the look and feel of your website and brand. Add your own logo, login image, and much more!
Customizable elements
1. Images
You can add your own logo image and background image to the Academy. The logo will appear in the portal in addition to the login page.Â
2. Fonts
You can choose from over 300 options from Google fonts for your header and body text.Â
Header fonts
On the login page
On the overview
Body fonts
On the login page
On the overview
3. Colors
Primary colors
The primary color is the background color for all primary interface elements. If you haven't added any image to the start page of your Course or Exam, this color will appear as the background of your thumbnails as well:
Secondary colors
The secondary color is the background color for all secondary interface elements:
The Text color on secondary interface elements styles the text that is imposed over the secondary color, as you can see in the buttons above.
Surface colors
Page background color
Panel background color
If you selected white for the page background color and the panel background color, the panel background color will be darkened a bit so the elements can stand out.
Page text color
4. Advanced styling
Top bar background
Top bar text color
Logo section background color
Corner radius
The corner radius allows you to make the buttons rounded. The greater the number (max 25), the more rounded they will be.Â
5. Status colors
You can read about the status colors here.
Customizable elements
1. Images
You can add your own logo image and background image to the Academy. The logo will appear in the portal in addition to the login page.Â
2. Fonts
You can choose from over 300 options from Google fonts for your header and body text.Â
Header fonts
On the login page
On the overview
Body fonts
On the login page
On the overview
3. Colors
Primary colors
The primary color is the background color for all primary interface elements. If you haven't added any image to the start page of your Course or Exam, this color will appear as the background of your thumbnails as well:
Secondary colors
The secondary color is the background color for all secondary interface elements:
The Text color on secondary interface elements styles the text that is imposed over the secondary color, as you can see in the buttons above.
Surface colors
Page background color
Panel background color
If you selected white for the page background color and the panel background color, the panel background color will be darkened a bit so the elements can stand out.
Page text color
4. Advanced styling
Top bar background
Top bar text color
Logo section background color
Corner radius
The corner radius allows you to make the buttons rounded. The greater the number (max 25), the more rounded they will be.Â
5. Status colors
You can read about the status colors here.
Updated on: 07 / 07 / 2020