Proximus Media Guides

Component name

Component intro

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

Overview

Intro

Live demo (For Proximus employees)

Overview (multiple types)

Intro

Type 1

Explanation type 1

Live demo (For Proximus employees)

Type 2

Explanation type 2

Live demo (For Proximus employees)

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 mode
Negative mode
last modified: 01/01/1601 01:00:00

How to

Please use the template and respect the following guidances:

  1. TEXT
  2. TEXT
  3. TEXT
  4. TEXT
  5. TEXT
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:

Type 1 (optional)
Breakpoints Size Max weight Format
1 image for all breakpoints ZZxZZpx ZZKB .jpg
Mobile (-s) ZZxZZpx ZZKB .jpg
Tablet (-m) ZZxZZpx ZZKB .jpg
Desktop (-l) ZZxZZpx ZZKB .png
with transparent background
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.

Type 2 (optional)
[Include tables here]

Naming convention

Please respect the following naming convention:

  1. Prefix: TEXT
    Optional explanation
  2. TEXT
    Optional explanation
  3. Date
    yymm = year month (2108 = August 2021)
  4. Breakpoint
    mobile (-s), tablet (-m), desktop (-l)
  5. Language
    English by default (-en), French (-fr), Dutch (-nl)

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