Appearance customization

Colors and Logo Management of your Platform

Updated over a week ago

In order to provide the best experience for your customers and prospects, it's a good idea to take a few moments and customize the appearance of your platform.

If done right, this will provide a seemless workflow for your visitors and look like an extension of your website. Don't have any website yet? Do you really need one? The appearance customization enables you to use Didacte as a microsite in itself.

It is therefore essential that it respects the brand image of your project.

Color Management

The color management is of course the first step towards a custom platform. Whether using the color picker or your official HEX codes, Didacte offers a declination in three stages to optimize the color rendering of your platform.

The primary color represents your general environment. It's the DNA of your platform.

The main buttons color represents the connection buttons and action buttons of the administrative section.

The secondary buttons color is used for the enrollment button as seen by your participants.

Logo Management

For an optimal result, your logo should be submitted in .png format with a transparent background.

We always encourage the use of a monochrome or white version of your logo to ensure the best rendering on your platform. Your logo is used on several levels in the platform, as well as on the certificates.

In the Navigation sidebar section, the header color is what will end up behind your logo, at the top of the navigation bar.

If there's no logo uploaded to your platform, the name of your platform will automatically be displayed above the sidebar. You can choose the color of the text if need be.

Home page header Image

Didacte offers three alternatives for your platform header.

You can configure a custom color or an image of your choice. Since Didacte uses responsive design, the header can be resized according to the screen resolution of your student. It is therefore advisable to use a generic image and avoid images with a strong focal point.

You can also choose the alignment of the image to better handle the resizing of your image as needed.

Favicon

Unknown to many, the favicon represents the miniature version icon presented in the tab of your web browser. Proper use of the favicon helps to refine the overall look of your platform and allows for an even smoother transition between your website and the app.

It is recommended, as it is for the logo, to use a file with transparent background to obtain a better result.

Email color scheme

Didacte personalizes the color of the automated emails sent to your users. The color used is influenced by the following prioritization logic:

  • The header color (if defined)

  • The primary color (if defined)

  • The default Didacte primary color (#3366FF)

Did this answer your question?