Skin Scrolling

Scroll over the image to see how it works.

Download Template: Skin Scrolling

Skin with video in the header. When scrolling, the video moves to the side of the creative so that it always remains visible to the user.

Requirements:

  • Piece dimensions: 1920x1000px. It is essential to use the templates, as dimensions alone are not enough information to correctly create the pieces.
  • Both desktop versions must be prepared: 1000px and 1200px.
  • Essential content must be placed within the template’s safe zones (green areas), as these define the limits of the piece that will always be visible on any screen.
  • The video position on desktop must remain in the header area, aligned to one side, not centered.
  • The video displacement must be specified, as the height at which it appears on the side of the skin can be customized.
  • It is necessary to leave a space (approximately 460x260px) in the skin design (on the chosen side), because the video, when displaced, could cover important elements.
  • Recommended video format:
    • Aspect ratio: 16:9
    • Recommended duration: maximum 20 seconds.
    • Best available resolution. The video will be recompressed/re-encoded for web use.
    • The video will be published in the piece exactly as received, meaning it will not be edited or modified in any way other than adjusting dimensions/file size.

What to send:
Video materials:
- Video in mp4 format according to the specifications mentioned.
Skin materials:
- Option 1: PSD file of the skin, created using the attached template. If sending the editable file, also include the font(s) in case text editing is needed.
- Option 2: Final skin files exported in jpg, png, or webp format. Template layers corresponding to the website must be hidden. Maximum file size: 500kb.

Skin Scrolling Mobile

The mobile version of the Skin Scrolling is equivalent to a generic Skin video.

Download templates: Skin Video Mobile.zip

  • Asset dimensions: 900x900px. It is mandatory to use the templates, as the dimensions alone are not sufficient to correctly create the asset.
  • Essential content must be placed within the safe areas of the template (green zones), as these define the parts of the asset that will always be visible on any screen, regardless of its size.
  • The video can be positioned within the asset in the following locations: top, centered, or bottom.
  • The video adapts responsively to the width of the safe area if the viewing device’s screen is too small.
  • Recommended video format:
    • Aspect ratio: 16:9
    • Recommended duration: maximum 20 seconds.
    • Highest available resolution. The video will be recompressed/re-encoded for web use.
    • The video will be published in the asset exactly as received, meaning it will not be edited or modified in any way other than adjusting dimensions/file size.

What to send:
Video materials:
- Video in mp4 format according to the specifications mentioned.
Skin Materials:
- Option 1: PSD file of the skin, created using the attached template. Font files must be included, in case text edits are needed.
- Option 2: final exported skin files in jpg, png, webp format. The template layers corresponding to the website must be hidden. Maximum file size: 500kb.