the official templates

Photoshop HTML5 Hype




The points under the gallery provide a better understanding of the navigation for the readers. Only points can be used and the addition of arrows is prohibited.

For optimum visibility, the size of navigation dots must be between 7px and 15px. If they are placed on a photograph or texture, it is recommended to place them under an opaque black or white oval shape.

The navigation dots must be placed and centred under the gallery. This code is also used in the layout of the app’s editorial galleries.


  • The gallery must not be an infinite loop.
  • The gallery must contain from 3 to 6 images (pay attention to image compression quality; the total size of the ad file may affect the maximum allowable images).

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.