In Easygenerator, you can easily create a consistent visual design of your courses and check how your course looks and behaves on any device and orientation.

Click on the three dots at the top right corner of the course to find the Layout options, where you can choose whether to present your course on multiple pages (regular e-learning layout) or on one page (microlearning).

Click on the options below to expand the information:

From the 3 dots at the top right corner of the editor -> Settings -> Design, you can choose the way you'd like your learners to navigate through the course. It can be either by clicking on a "Next" button or by scrolling through the pages.

The table of contents is available for the learners and it allows them to check the overview of the course content and go back and forth as needed.

As the author of the course, you can decide whether you want to expand or collapse this menu by default.

You can click on this option if you're looking to customize the look and feel of your e-learning course by choosing a theme, adding your own logo, changing the fonts, and more.

In this tab, you will find:

Under this section, you can choose a default design theme, create your own, save it, and reuse it in other courses.

Once you have customized your theme, click the Save or Save as new button. The theme will then appear under the My Themes section.

Under the Branding tab, you can add your own logo, change the background, and customize the color settings, such as text, interface labels, button text, and content body colors.

You can change your course logo either by uploading it from your computer or by attaching a link. The recommended size for the course logo is 360x200 px, depending on the logo shape.

The cover background logo is shown on the course cover, and the main background logo is shown on the certificate, and, if this option is enabled, on the content and question pages.

Easygenerator has a gallery of backgrounds you can choose from. You can also upload your own image or select a solid color.

Color settings, such as text color, main and secondary color, button text color, and content body color, can be customized under Interface colors.

The cover background, overlay text, and scroll color are applied to the course title and introduction.

The last option for the advanced design settings is the fonts. Here, you can choose the fonts and adjust their styles accordingly. It is possible to customize the fonts of the course interface and content separately.

Under General styles, you'll be able to change the font that is applied for the entire course (Body Font). The Headline font is applied to the course title and introduction.

Under the Content styles, you can change the fonts for specific content styles like headlines (the course title and intro text), headings, normal text, quotes, highlighted text, and links.

Previewing is a great way to see the adjustments you've made to your course before publishing. Switch between laptop, tablet, and mobile, as well as landscape and portrait views, to quickly see how your course will look on different devices.

If you select the One-page layout from the layout options, some options under the Branding tab will not be available in the Advanced Design settings.

This is because the One-page layout does not include a course cover structure. As a result, the following settings are unavailable:

Additionally, you can find attached a document with specific information about where each interface color and heading is applied: