Appearance: layout, colours, logo and home page

Under “Settings” → “Appearance” you design your participants' member area. The sections – “Layout”, “Colours & fonts”, “Logo & icon”, “Home page”, “Course navigation” and “Your coach” – are in the navigation on the left; the preview shows your member area with sample content and follows every change, even before you save. You switch between desktop and phone, between the pages “My courses”, “Course” and “Lesson”, and between light, dark and both side by side.

12

12

Everything is saved together with the page's one save bar at the bottom (“Save”); “Discard” undoes unsaved changes. On the start card the step “Choose the look” counts as done once you have saved your own look.

Three layouts decide how navigation, course list and lesson are arranged – they do not change the colours. “Handbook” (the default): table of contents on the left, lesson on the right, fits almost any course. “Stage”: the video takes centre stage, lessons as rows of tiles like a streaming service – for courses with lots of video. “Path”: every lesson is a step on a path, with unlock dates in plain view – for programmes with scheduled releases.

Twelve presets are on offer: Klar (the default, deliberately neutral so your logo and colour carry the brand), Papier, Mitternacht, Beton, Morgenlicht, Praxis, Nordlicht, Seide, Studio, Pistazie, Brandung and Flamingo. Each has a light and a dark version. On top of that you set the “Accent colour” (or keep the preset's colour), the fonts for headings and body text, and the “Corners” – “Square”, “Slight”, “Round”, “Soft” or an exact value.

If an accent colour is too weak for text, CourseKit corrects it for each colour scheme until it reaches a contrast ratio of 4.5 : 1. The chips below the colour show what is saved for “Light” and “Dark”. That keeps your member area readable – including for people with low vision.

All fonts are served from our own servers. No Google Fonts are loaded from the browser.

Upload your logo twice, as PNG, JPEG or WebP up to 1 MB: one variant “For light surfaces” and one “For dark surfaces”. Otherwise a dark logo disappears in dark mode. E-mails and link previews only show a PNG or JPEG logo – with WebP they show your name. With “Logo size” you set the height of the logo in the member area's header (20 to 48 pixels, 28 by default).

The browser icon appears in the tab and on the home screen. Without an upload, CourseKit generates one from your initials and accent colour. Your own icon: PNG, square, 48 to 1024 pixels, up to 500 KB.

When someone shares a link to your member area, the preview shows your name, logo and colours.

Under “Home page” you choose what members see first under “My courses”: the “Course overview” (banner, courses as cards with cover and progress) or the “Dashboard” (tiles). “Course view” sets tiles or list – members can switch themselves, and their choice applies on their device. A “Banner” (about 2400 × 600 pixels, PNG, JPEG or WebP, at least 1200 pixels wide) sits above the page. Under “Optional tiles” you can hide “Your progress” and “Bookmarks”; “Continue watching”, the courses and the next unlock always stay.

The “Course navigation” applies to the “Handbook” layout: when it opens, either only the current module or all modules are open; members open and close them themselves.

Under “Your coach” you pick a person from your team whom members see on their home page: profile picture, name and a line from you, for example when you reply. “Nobody – hide the tile” hides the tile. It never shows e-mail addresses; the person sets the picture themselves under “Edit profile”.

Under “Settings” → “General” you set the “Default language of the member area” (for everyone who has not chosen one), link your “Imprint (address)” and “Privacy policy (address)” – https addresses only, they appear in the footer, on the sign-in page and under “Legal” – and switch the note “Made with CourseKit” (“Show on the sign-in page”) on or off. Without a choice of your own it is on in Starter and Growth and off in Pro. CourseKit does not host the imprint and privacy policy themselves.

From the Growth plan (and during the trial), your member area can run under your own address instead of your CourseKit address, for example courses.yourcompany.com. Only the owner sets this up, under “Settings” → “Custom domain” – the steps are in the article “Connecting your own domain”.