the official templates

Photoshop HTML5 Hype




The standard icons audio and mute must always be available for playback of an audio file. The reader must have the opportunity to turn the sound on and off at any time.

Exception: Audio clips shorter than 5 seconds that play when another interaction is triggered must be accompanied by an audio icon Audio, at about 30% opacity.


  • Audio playback must not start automatically.
  • Audio files cannot be inserted in a base64-encoded format.
  • Because our product is made available on multiple tablet OS’s and for performance reasons, it is unfortunately impossible to perfectly synchronize playback of short audio files with reader action or with an animation.

Supported formats

  • Full-screen


    980 x 670
    500 Ko
  • Half-screen


    480 x 670
    400 Ko
  • ¼ vertical

    ¼ vertical

    230 x 670
    200 Ko
  • ¼ horizontal

    ¼ horizontal

    480 x 325
    200 Ko
  • ⅙ horizontal

    ⅙ horizontal

    480 x 210
    200 Ko


Security area used for the screen change.

To facilitate the screen change and prevent accidental opening of the new Slide Over panel in iOS 9, this area placed in full-screen format must be free from any interaction using a sliding movement of the finger on the screen. It is also recommended that any elements displayed at the bottom of the page, such as the company logo, the +WEB target and the call to action, be left static.