Skin Toggle

Download Template: Skin Toggle

Skin displaying up to 4 slides that change based on user interaction through a series of “buttons” located in the header.

Requirements:

  • Piece dimensions: 1920x1000px. It is essential to use the templates, as dimensions alone are not enough 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, regardless of size.
  • This piece includes a series of “buttons” that users can hover over to switch between slides. When designing, it is necessary to prepare both “active” and “inactive” states for the buttons to indicate which page the user is currently viewing.

What to send:
Skin materials:
- Option 1: PSD file of the skin, created using the attached template. If sending the editable file, also include the fonts used in case text editing is necessary.
- Option 2: Final skin files exported in jpg, png, or webp format. For this format, each toggle page must be exported separately and numbered. Template layers corresponding to the website must be hidden. Maximum file size: 500kb.

Skin Toggle Mobile

Download templates: Skin Toogle Mobile

Requirements:

  • 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 mobile skin works automatically through an animation that displays the different versions of the asset.
  • You must prepare as many versions of the mobile skin as there are slides in its desktop equivalent (maximum 4), as shown in the template, and indicate the order they should follow using their nomenclature (e.g., A, B, C, D...).

What to send:
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.