Make AlonLearn your own learning platform

From the end of November 2026, AlonLearn gets its own branding page in the settings. As an administrator, you can make the platform your own: logo, colours, login page and how course links look when they are shared. This article walks through the settings one by one, with tips on what gives the best result.

The whole flow in under a minute.

Where to find it

Open the settings in the administration and choose Branding. Every change is saved as you go, and you will see “All changes saved” at the bottom of the page. If you change your mind, you can always click Reset to default.

1. Logos

AlonLearn uses four variants, so your logo looks right everywhere:

• Wide logo, light background and wide logo, dark background: between 2:1 and 8:1, at least 120 pixels high. Used in the menu and on the login page, and the dark one in dark mode.
• Square logo, light and dark background: at least 256 × 256 pixels. You choose the crop yourself.

Tip: Upload SVG or PNG with a transparent background, up to 2 MB. Transparent margins around the logo are removed automatically, so there is no need to crop it first.

2. Favicon

The favicon is the small icon in the browser tab, and the icon on the home screen when someone saves the page on their phone. Use SVG or PNG of at least 180 × 180 pixels. A simple symbol on a transparent background is easiest to recognise at 16 pixels. The preview shows the icon at both 16 and 32 pixels, on light and dark tabs.

3. The login page

Here you set a background image and a welcome text. On desktop they appear in the panel next to the login form. On mobile, only the text is shown, below the form.

• Use JPG, PNG or WebP of at least 1200 × 1500 pixels. The image is cropped to portrait (4:5).
• The image is tinted dark in your main colour, so the text is always readable, whatever image you choose.
• Without an image, the main colour is shown. Without a welcome text, the organisation name is shown.

4. Search and sharing

This section decides what Google shows for your public course overview, and how a shared link looks in Teams, LinkedIn and Facebook.

• Course overview title: Google shows around 60 characters. The counter below the field shows where you are.
• Meta description: Google shows around 160 characters. A preview shows how the result may look.
• Share image: JPG, PNG or WebP of at least 600 × 315 pixels. It is cropped to 1200 × 630, the format Teams, LinkedIn and Facebook use.

Each course page uses its own name and short description. Where those are missing, it falls back on the description and image you set here. If the platform should not appear in search results, turn on Hide from search engines.

5. The front page for visitors

Choose what someone who is not logged in sees when they open your address: the login, or the activity catalogue, where visitors can find and sign up for activities before they log in. You can also choose whether the “Log in” button is shown in the catalogue.

6. Colours and palette

You choose one main colour. It is used on buttons, selected items and links in the menu. Colour 2 is optional and only used for decoration, never behind text.

From the main colour, AlonLearn builds a complete palette: backgrounds, surfaces, borders, text and buttons, in light and dark mode. Below each colour is its WCAG level against the background:

• AAA: contrast of at least 7:1
• AA: at least 4.5:1, the requirement for normal text
• AA18: at least 3:1, good enough for large text and borders

Under Notes, the system explains anything it has adjusted. If the main colour is too dark for buttons in dark mode, they get a lighter variant so the text stays readable, and the note tells you which. If colour 2 is grey, the system suggests a variant made from the main colour. The status colours for error, warning and completed are the same for every customer, so red always means the same thing.

7. Preview

At the bottom you see an example of My Page and a course card with buttons, in both light and dark mode. That way you see the result before your learners do.

Available at the end of November

The branding page arrives in AlonLearn at the end of November 2026. If you would like to see it before then, or want help setting up your profile, get in touch.