The Desktop Footer is a premium expandable unit that spans the entire width of a browser window, perfect for branding and awareness content through connected storytelling. When expanded, the footer takes up exactly 25% of the height of the browser window.

Best Practices

Messaging Structure
We suggest messaging that leads the user to click on the pre-expanded standard banner, teasing the user to more messaging in the expanded state.

This can also come across in the CTAs with a “Click/Hover to Expand” CTA on the pre-expanded state and a “Learn More/Shop Now/Etc” CTA on the expanded state.

We suggest using as little text as possible to allow your branding and imagery to shine. Keep copy as close to the following suggestions:

  • Headline (100 characters)
  • Additional copy (100 characters)

If you would like to include more text than suggested, consider animating to break up the content and allow the user to process smaller pieces of information, always ending with the CTA.

We recommend a CTA with no more than 20 characters and to keep the CTA visible at all times so the user is encouraged to click through.

The easiest size to resize from is a 970×250 PSD.

Design Specs

Retina Dimensions Pre-Expanded2880×180
Retina Dimensions Expanded2880×800

Design Assets

Existing Media Files.psd or .ai
Fonts.otf or .ttf
Logos.png, .jpg, .psd or .ai
Images.png, .jpg, .psd or .tiff
Animationstoryboard, existing html5, or written concept

Ad Server Specs

File TypeHTML5
Initial File Size250kb
Max File Size2.2mb
Animation30s max
Loops3 max
Frame Rate24 fps