Skip to Content

TWO COLUMN VIDEOS

A preview for multiple videos.

Use this module when you want to display multiple videos (the module can be multiplied and stacked on top of each other to create a video gallery).

This module can be used on all page types and is especially well suited for pages that are explanatory in nature - so Application pages, Support pages, Product detail pages and more.

Desktop

Mobile

Design specs

The module consists of:

- 1 Headline for the entire module
- 2 columns - each of which have:

  •     1 video*
  •     1 title*
  •     1 description (optional)
  •     1 CTA (optional)

* required element

This module can be multiplied and stacked on top of each other, creating a video gallery.

Module headline

Character limit: 38
Do not exceed three lines of text on 360px screens

Video preview format

Image: 16:9 ratio

Video headline

Character limit: 69
Do not exceed two lines of text on 360px screens

Body text

Character limit: 177
For general copywriting guidelines, please refer to the Writing rules.

Colorways

This module has seven colorways. In keeping with the general website color guidelines, the use of red should be judicious and mindful, taking into account its overall presence on the intended page.

When to use

Use this module when you want to display multiple videos. This module can be multiplied and stacked on top of each other, creating a video gallery. 

Examples of use

Do's and Don'ts

DO: Use simple imagery as thumbnails, without any text or cropped graphical elements. 

DON’T: Use a thumbnail with text or covered/cropped information.

DON’T: Use a thumbnail with white background. It makes the video preview area less visible and more chaotic visually.