Screen layout requires balance - you don’t want to overload your pages with lots of big blocks of text, but you also don’t want to end up with lots of white unused space. The following tips will help you organise your screen layouts for a more learner-friendly experience.


Every theme has a default background, which will automatically be applied to your screens. There's no need to change your background from the default if you don't need to, however to add variety, to incorporate more images, or to set a scene, add a background to your screen. You can:

  • add a background image

  • add a plain colour

  • or a combination of both - by using the transparency feature you can tint your image with a coloured overlay.

Adding a transparent overlay in the screen background settings:

Using the same method on conversation screens can help lift up and highlight the character over your background image. 

Background Images in Portrait View on Phones

Background images display differently in portrait view on a mobile phone.

If your background image provides important context for your content, you will need to ensure it is displayed in portrait view on a phone. In this case, you should activate the “Make Bg banner in portrait” option. 

There is no need to do this if your background is a plain colour, or adds no additional information or context to your screen.


Did this answer your question?