Branding Checklist: How to customise your Ed lessons

Ed enables you to adapt the styling and branding of your courses beyond the simple addition of a logo. We help you fully integrate branding into your lessons by configuring the backgrounds, colours, logo, imagery and text.

There are three ways of branding content; In-App Branding, Lesson Branding and colour schemes. Here's what you will need:

  • Course Cover Image Approx. 1000 × 200px
  • Course Thumbnail Exactly 200 × 200px
  • Lesson Logo Exactly 80 × 80px
  • Lesson Background Approx. 1200 × 600px

All of these assets can be added to your branding configuration on a course level. That means that any branding changes you make to a course are applied to all your content without any additional changes required. If you do want to override your branding for a specific lesson, you can do that too!

The Branding area

Branding can be configured on your Courses or Lessons


In-App Branding

Cover Image

Ed Cover Image

The Cover Image appears on the Home and Course View

You can set a cover image to display within a course. Cover images display behind the course description on the home screen as well as in the course detail.

Thumbnail

Ed Course Thumbnail

The Course Thumbnail is shown in Classic Display mode

Courses set use the Classic Display show the thumbnail. This is a small square image that helps learners quickly identify the course easily on the course menu. As Ed continues to expand and evolve it's features, this thumbnail will continue to be used. So even if you don't use the default display, it's still good to upload a thumbnail.

Choosing Classic Display in Ed's App Settings

You can activate Classic Display in the Content Tab of your App Settings


Lesson Branding

Each lesson has two images, a logo and a background.

The Lesson Logo

The logo is the image that sits next to the lesson title. This is usually your company logo or department icon. It might also relate to a specific campaign. We recommend using a PNG with a transparent background to work seamlessly within your lesson.

The Lesson Background

The Lesson Background

A background image can significantly alter the look and feel of your lessons. This tool can be used to upload a watermark or an opaque image to sit behind your lesson content. Images can be abstract graphics that convey an overall style, photography used throughout your brands marketing material, or alternatively images your learners will recognise such as pictures of actual employees or your workplace.

Remember to upkeep readability with an appropriate choice of background image and text colour. You can read more about how to choose the right branding imagery here.


Colour Schemes

One of the most effective ways to incorporate branding to your mobile courses is to customise the colour scheme.

Selecting a colour scheme for your lessons changes the background colour and text of a course and all included lessons and slides inside that course. With one click you can change the background and font colour throughout your lesson. If a colour scheme that matches your brand cannot be found, you can implement your own CSS rules.

Applying a colour scheme to your course

Applying a colour scheme to your course can be done using a Color Scheme or Custom CSS

Want to try Custom CSS? Copy and paste this code to get started. It will give your lesson a white background with black text.

#slides-view {
  background: white !important;
  color: black !important;
}

So that's it. Now you should have everything you need to set up your In-App and Lesson Branding. Have fun and remember to check out our example lessons for inspiration.

Load Comments