Theme library

1. Name and Logo

The theme name chosen here will be displayed to authors in the Themes picker when publishing Modules. You can upload your own logo which will appear in the header of your Module. Supported file formats are .png, .jpg, .svg, and .webp. Recommended minimum picture width size: 100 px.

2. Typography

In the Typography section, you are able to define the fonts and font sizes of the heading and text. By selecting Upload custom fonts in the drop-down list, you can upload and use your own fonts. The supported file format is .woff. Other file formats like .ttf or .otf can be easily converted with online converters.

3. Colors

You can specify different color types by using the color picker or inserting the HEX code of the web color you want to use. The custom brand color represents the predominant color in the Module and will influence the appearance of the selected inputs as well as navigation buttons and the color of the progress bar. The other color types refer to the color of the heading, the text, and hyperlinks.

4. Layout width and density

You can specify between a compact and a standard theme which affects the density of Input Nodes. The width setting is by default set to a max width of 640 px which can be increased to 4000 px. This affects how your Module will be displayed both in iframes and as standalone Modules.

5. Settings

In this section, you can set up further settings regarding the appearance of the Modules that will use the theme you have created, e.g., showing the watermark. Please note that some settings for Module navigation have now moved to the Publication Suite. Authors can now set published Module Configurations without relying on their admin for theme changes.