Skip to Content

FULL WIDTH VIDEO

A preview for multiple videos.

The full width videos are designed to make the videos in the centre of the attention.

This module can be used on all page types and is especially well suited for pages that are promotional in nature (eg. Application pages and other landing pages) as well as pages where the video is the primary content such as the Recorded webinar pages.

Desktop

Mobile

Design specs

The module consists of:

  • Headline*
  • Video*

* required element

The Video module can be used in a full-width variation, or it can be aligned to the margin of the page. 
The background for this module is fixed (always white). 

Headline

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

When to use

The full width videos are designed to make the videos in the centre of the attention. They module is meant to take up most of the viewport, so use it when you want to place the video front and centre with no distractions.

This module can be used on all page types and is especially well suited for pages that are promotional in nature (eg. Application pages and other landing pages) as well as pages where the video is the primary content such as the Recorded webinar pages.

Examples of use

Do’s and don’ts

DO: Use simple and good quality 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.

DON’T: Stack on top of each other. Instead use the Two column video module.