Detected country: US
logo
Back to creating
‌
‌
‌
logo

Powered by

  • Home
  • Partners
  • Customize

Customize

3min read

Share

How much of the experience can my users customise?

The branding, layout, media and typography controls available to course creators inside an embedded Coassemble, and what you control at the integration level.

The shell around the editor is yours to design, and inside it your users get branding, layout, media and typography controls at the course level. There is no Coassemble branding anywhere in the embedded experience by default.

White-labelling and branding

As an Embed partner, the shell around the Coassemble editor, navigation, header and overall UI, is yours to design. Within that, course creators also have a set of branding controls at the course level.

  • No Coassemble branding: Coassemble's name, logo, and visual identity are not shown in the course creation or learner-facing experience for Embed partners. The experience is fully white-labelled by default.
  • Add a logo: creators can add their own logo to a course, which appears in the learner header during course playback. Useful for internal training where brand consistency matters.
  • Custom themes: apply a theme that sets the colour palette and typography for a course. Themes can reflect a creator's own brand or their organisation's visual identity, and can be saved and reused across courses. A theme is applied to the embeddable through themeId in your integration.
  • Course cover images: set a custom cover image for each course, which appears in the course library and on the course start screen.

Screen design and layouts

  • Blocks on a grid: screens are built from blocks arranged on a six column grid. A block is set to a width in columns and dragged where it should sit, so blocks can sit side by side or stack down the screen. Any block can go on any screen, so a single screen can carry an explanation, an interactive element, and a knowledge check together.
  • Layouts as a starting point: every screen starts from a layout rather than a blank canvas, and the layout can be swapped afterwards. Layouts are grouped as Content, Interactive, Knowledge check, Embed, and Section intro.
  • Section intro screens: an emphasised cover screen that opens a section, which is what gives learners the chapter structure in a longer course.
  • Consistency by design: the grid is what keeps courses looking designed rather than assembled. Creators choose where things go within a structure, so spacing and alignment stay consistent across every screen.
  • Mobile control: creators can switch to a mobile view to reorder blocks so they stack sensibly on a narrow screen, and hide blocks that don't work on a phone. Content itself can't be changed for mobile, so the words stay the same everywhere.

Visual content

  • Stock photography: search and use royalty-free, high-quality images from Pexels directly within the editor, without sourcing imagery externally.
  • GIPHY animated GIFs: search and embed GIFs from the GIPHY library to add energy or personality to screen content.
  • Upload images: upload images from local files to use in screens. Images are stored in the creator's library and are reusable across all their courses.
  • Reposition an image: crop, pan and zoom an image up to 3x within its frame, so a creator can choose the part of the image that matters rather than accepting the default crop. This works inside process, flashcard and slideshow cards as well as on a standalone image.
  • AI-generated images: produce a custom image for a screen from a descriptive prompt, added directly without leaving the editor. Generated images reflect the topic of the course they sit in.
  • Upload videos: embed video files directly into screens for recorded walkthroughs, product demos, or any visual content that works better as video than text. Video can be set to landscape or portrait, so footage shot on a phone or filmed for social sits in a vertical frame rather than being letterboxed into a wide one.

Typography and colour

  • Font selection: set fonts in a theme so they apply consistently across a course. Creators can also set a font on an individual heading or paragraph, outside the theme's set, and reset it back to the theme font afterwards.
  • Colour palette: define primary and secondary colours within a theme, controlling button styles, accent colours, and background tones across the course.

A note on converted content

A SCORM package converted into an editable Coassemble course is rebuilt from blocks and takes the Coassemble theme, so it inherits your branding rather than the original tool's design. Where the original look has to survive intact, host the package instead of converting it.

Share