Additional recommendations for the full and mobile Yandex Home page version

    Font readability

    90% of rejections during moderation are due to poor font readability.

    1. Try to avoid fractional coordinates when aligning the font in HTML5 because they can “blur” the text (you need to check this in all popular browsers).
    2. We recommend using vector fonts.
      Tip.

      If you can't use a vector font, save text blocks as bitmaps in the best possible quality (within the banner size limits).

    3. In some cases, a vector font may also look “blurry”.

      This effect can appear for several reasons:

      • Small font size.

      • Sophisticated font face (e.g., serif).

      • The font is not adapted for the web, or it was originally developed for titles and large font sizes.

      There are several ways to solve the “blurry” font issue, including for a vector font:
      • Increase font size.

      • Select a simpler font.

      • Use a font adapted for the web and small font size.

    Avoid special effects and decorations

    Decorations on fonts and boxes (shadow, stroke, 3D effects) may get in the way of the message.

    Decrease the number of fonts used

    1. Use a maximum of two fonts and font faces.
    2. Use a maximum of three font colors.
    These two requirements do not apply to:
    • Logo of a brand, product, or technology.
    • Warnings, disclaimers, or mandatory legal information.
    • Age label font.
    • Font that is part of an image.

    Don't use low-quality images or photos

    1. With compression artifacts.

    2. Blurred or with excessive sharpness.

    Choose your main message

    Don't try to fit lots of detail in a narrow banner. Use concise and clear wording so that your message is understood instantly.

    Think big

    1. Don't use small images of objects containing many small elements.

    2. Don't use a photo as your banner background if it contains many small details.

    Formatting of mandatory legal information

    Text should be high-contrast and easily readable. The minimum font size is 11 points.

    Possible formatting options:

    Auto-scrolling with manual scrolling supported
    Required information (such as the bank name and legal entity, terms of a promotional offer, and so on) must be clearly visible before the user interacts with the banner.

    Splitting into frames
    Mandatory information is placed separately in different frames:
    • Dates of a promo campaign are shown in the first frames.
    • Other information is placed under the “legal information” bar and is viewable on hover.
    Attention.

    When the banner is served, the frame with mandatory information must be displayed for at least three seconds.

    Frame freeze for a few seconds and pause control
    The frame with mandatory information must be displayed for at least 3 seconds. The user must have the option to use the pause button to view the remaining information. If the user has not clicked pause, the banner animation continues.

    Frame freeze and hover
    The legal information must be displayed for at least three seconds, and is further available on hover.