Skip to Content

You need to accept cookies to play this video

Online Banner

How to apply our design in online media

Our flexible and dynamic design enables us to create engaging communication in online media.

In this section, you will find information on the following topics: 

 

Basic composition

Our flexible layout is based on the segmentation of formats. This enables clear communication and a design customized to touchpoints and target groups. Please use them as a ready-to-use template for your advertisement or to create your customized layout based on our design system guidelines.

undefined
Full-image compositions for maximum impact
undefined
Flexible amount of horizontal or vertical multiple units
undefined
Image split to enhance storytelling

We use the one-unit format to highlight an image and maximize its impact.

undefined
undefined
undefined

Through format splits, we can organize complex content, making use of colors, font sizes, and image combinations to create interesting communication materials.

undefined
undefined
undefined

Image units can be split into two parts.

undefined
undefined
undefined

 

Ready-to-use templates

We provide ready-to-use Adobe XD templates to offer you the best possible user experience.

undefined
Template file for online banner (1536x768 px) in Adobe XD
Toolbox

All templates include a toolbox that uses all elements in the correct dimensions. 

undefined
Toolbox in template for online banner (1536x768 px) in Adobe XD
Template composition

We offer the following compositions in various formats. Depending on the format, the number of possible compositions changes. You can use them whether as a starting point for your advertisement or create your individual layout considering the principles of our design system.

undefined
Template for LinkedIn posts (1200x627 px) in Adobe XD

Grab further information about our layout and how to use the building modules in the design system section.

Use of colors in digital media

Our Adobe XD templates use the basic corporate colors Henkel Red and White. If you want to use the other color pairs for you communication, feel free to apply the other defined color pairs for your designs. 

Follow the shown combinations of background color and logo color; these are fixed combinations to ensure legibility. 

undefined
Red and white
undefined
Substantial colors
undefined
Welcoming colors
undefined
Progressive colors

 

Examples

Grab further information about the interplay of our variable typeface, color combinations, and dynamic design enables to convey both informative and emotional content in the Motion Design Principles.

 

Downloads

Information for external users:

To receive the InDesign templates you first have to register for our Brand Hub download portal. Please see the instructions on how to complete the registration. After registration you will receive a confirmation that your access has been activated and you will be able to download the templates.

For Henkel employees, no separate registration is necessary. You will be automatically directed to the download page via Henkel MyID.