Proximus Media Guides

Open graph

Visual shared through social media.

last modified: 01/01/1601 01:00:00

Overview

Using relevant open graph image allows you to earn attention, build loyalty, deliver vital information, and improve engagement. Stay constant and connect images with the product and our brand will have more staying power.

Accessibility

In this component, HTML elements are added on top of the image. This content is in positive or negative mode and this affects the creation of the image. Image colors should be carefully considered, with legibility and accessibility as paramount concerns.

Accessibility - Contrast is the most important consideration

Our websites and applications have to be accessible, meaning perceptible, operable, understandable and robust for users with disabilities. Discover here our accessibility guidance.

The visual presentation of text has a contrast ratio of at least 4.5:1. Success criterion 1.4.3 Contrast

Positive and negative logos available

In the open graph image, there is only one element on top of the image: the Proximus logoe. Proximus logo is available in positive and negative in the template. Be carefull when choosing the logo type to ensure its visibility.

last modified: 01/01/1601 01:00:00

Template structure

Please use the template and respect the following guidances:

  1. Respect the safe areas (red part)
  2. Use the visual grid to place your image
  3. Choose the positive or negative logo to ensure its visibility
Template download

You're part of Proximus organization? Go to the template - If not, request it

Technical specifications

Please respect the following specifications when you export the images:

Breakpoints Size Max weight Format
1 image for all breakpoints 1200x628px 80KB .jpg
How to compress images

To ensure good UI quality and website performances, it's very important to respect the maximum weight indicated while keeping a correct image quality.
Discover here our images compression recommendations.

Naming convention

Please respect the following naming convention:

  1. Page title
  2. Date
    yymm = year month (2108 = August 2021)
  3. Suffix (-social)

Images testing

Testing your image(s) is an important step of the images creation. It allows you to test the behavior in all breakpoint and to ensure the quality of the end results.

Discover here our images testing recommendations