Elevate the look of your activities, sections and course with custom background images or bring your courses to life by embedding GIF animations in both sections and activities.
Designer simplifies the integration of visual elements by minimizing the need for image editing. You can apply semi-transparent layers or gradients over background images to enhance text visibility directly with Designer.
We have created several demo courses in the Designer format that you can explore.

In this Designer normal course, icons were used as activity backgrounds, and the course background color as well as the header were customized. To ensure the readability of the titles, a semi-transparent black layer was applied over the background image of the activities in card format. This can be done directly with Designer.
Here, the activities were defined as circles and given background images. All activity elements were hidden to create an artistic touch, ensuring the course doesn’t look like a typical course. The section background images were coordinated, and a specific background color was set for the course.


In this example, the sections feature background images, and the activities are text links with their own background images. Since these images of people have no backgrounds, they appear to float. The ability to use cropped images as activities within courses offers extensive creative possibilities.
Animations can also be used as activity images, offering a wide range of creative possibilities.


In this example, not only were section background images used, but also handwritten images for activities. This transforms hand-lettered text and drawings into engaging activities.
Using background images for activities, Designer Flow enables you to create a visually appealing course in no time.


In this Kanban board, a background image was used for the course, and each activity was given its own background image.