Banner design for the full version of the Yandex Home page

All sizes are specified for the 728 × 90 format. For the 1456 × 180 format, the sizes must be twice as large. The page contains reduced-size images. To view larger-sized images, Download the archive.

      Font

      1. The font height on the banner should not be more than:
        • 70 pixels, if the text takes up no more than 10% of the banner.

        • 52 pixels, if the text takes up no more than 15% of the banner.

        • 44 pixels, if the text takes up no more than 25% of the banner.

        • 32 pixels, if the text fits in one line.

        • 20 pixels, if the text fits in two lines.
        • 15 pixels, if the text fits in three lines.

      2. The minimum font size for logos, messages, graphics, and disclaimers is 11 pixels. The exception is photos of packages and products as well as screenshots.

      Text positioning

      The margin between the edge of the banner and the text must be at least 10 pixels.

      Note.

      This does not apply to age restriction positioning.

      Background color

      It is not recommended to use:
      1. Text on a complex multicolored background with small elements. The text must contrast against the background and be easily readable.
      2. Yellow background, because this color is used in standard Yandex page design elements. The acceptable yellow is #F0E5AD and lighter.

      Duration of animation

      1. Do not use blinking banners or banner elements that distract the user.
      2. Banner elements may change no more than once every 2 seconds.
      3. Only looped banner animation is acceptable. One animation cycle can be up to 30 seconds long. The pause between cycles must be at least 30 seconds. The animation cycle of less than 30 seconds must stay static until the 30th second. From the 31st to the 60th second, the banner must be static and display the main advertising message.
      4. An HTML5 banner can feature the View again button for restarting the animation scenario. An HTML5 banner can be interactive and respond to mouse movement and/or clicks to change the banner image in response to the action.

      Readability of the mandatory information

      Mandatory legal information (for example, bank name and form of incorporation, dates of a promo campaign, etc.) must be clearly visible immediately, without the user interacting with the banner. For more information, see additional recommendations.

      Interface elements on the banner

      1. The banner must not imitate user interface elements, such as a Windows system dialog box.
      2. Banners must not contain standard user interface elements (cursor, search bar, buttons, and so on) that do not perform their applicable functions.
      3. Don't use yellow in interface elements, because this color is used in standard design elements on Yandex pages. The acceptable yellow is #F0E5AD and lighter.

      Age restriction

      If you need to apply an age restriction to a banner:

      1. Place it in the upper-right corner of the banner.
      2. Font: “Arial regular” 12 pt.
      3. Color: #DADADA.
        Note.

        If the grey restriction is not readable (for example, because it's on a multicolor background), put a white background layer under it.

      App store button or badge

      1. Maximum size of the button or badge: 40px high, 140 px wide.
      2. Don't use yellow for the button or badge color, because this color is used in standard design elements of Yandex pages. The acceptable yellow is #F0E5AD and lighter.
      3. The margin between the edge of the banner and the button must be at least 10 pixels.
      4. The app store badge must comply with the same requirements as logos.