Double Midscroll

Two midscrolls stacked on top of each other. As the user scrolls down more content is revealed.

Designing the assets

The double midscroll template consists of two "scenes", or if you want, two midscrolls one after another. So when you produce material for the double midscroll you can use color, video or image as background for the two scenes. Note you can not use two videos as the ad will get too heavy. On top of the backgrounds you can add three more assets in the form of png or svg files. One asset as an always visible item such as a logo or a CTA button and the other two as for example messages. All these assets need to be produced with the right canvas size and safe area in mind i.e. you need to place important information within the safe area.

Background assets:
Color can be added as a hex code in Station. Image or video as 1920x1080 (desktop) with safe area 1400x940 and 1080x1920 (mobile) with safe area 940x1670.

Overlay assets:
Svg or png files as 1920x1080 (desktop) with safe area 1400x940 and 1080x1920 (mobile) with safe area 940x1670. 

You have to produce for mobile or desktop views separately.

Format

Double Midscroll

Device

Mobile/Tablet/Laptop

Dimensions

Responsive

Supported file types

.mp4 .mov .webp .webm .svg .jpg .png

Assets

Landscape/Desktop:  Image or video as 1920x1080 (desktop) with safe area 1400x940.
Portrait/Mobile: 1080x1920 (mobile) with safe area 940x1670.

Overlay

Landscape/Desktop: Svg or png files as 1920x1080 with safe area 1400x940.
Portrait/Mobile: 1080x1920 with safe area 940x1670.