Please don't forget to read Usage part of each element.
Maintaining consistent and engaging digital interfaces, whether applications or experiences, demands extended guidance around color usage.
Proximus' brand defined for each primary and secondary colors a swatch of 10 color variations. On the web, we only use a selected portion of each variation.
Color usage as font colors or background colors
This article defines the general color usage. It will also give you all the color references (style tab). Please refer to the background colors and text colors articles for more detailed usage guidelines.
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1.
Success criterion 1.4.3 Contrast
Purple primary color
Purple is our brand identifier and should always be clearly visible in all our communications. Full purple is dominant and serves as the primary action color across all Proximus platforms, making use of subtle shifts in values to help organize content into distinct zones.
White, grey and black grey are considered as canvas. It enables our colours to stand out.
Balanced ratios of white accentuate our purple and create a stage for products and offers.
There is 5 grey possibilities, who can be used as background colors or in particular to compose assets elements.
Black can be used for black based identities: Pickx and TV related content.
Secondary colors can further enrich our communications. They play a supporting role and can help where additional colors are required. They can never be used standalone, but always in combination with the primary purple (most often in a gradient).
The usage of secondary colors is defined by segment to follow brand identity. The color intensity decreases as follows along the Business Units.
Business & Enterprise
Yellow and Almond are part of our secondary colors but considered as level 2 and tend to give less desirable results. Please avoid to use them or use it with parsimony.
We use Proximus' red as indicator of promotions. But to ensure the color contrast and accessibility, other colors are defined for web interfaces. For the same reasons, promo colors are different for positive and negative modes.
Promo text color on purple background is not accessible. Always prefer white color text on purple background instead of pink/promo text color.
These colors are defined to give specific message to the users and can be used through all the segments as background or font color.
Status text colors on purple background are not accessible, so these colors can't be used on this background color.
Specific colors are defined for the states.More info about the states
Other colors exist and are then reserved for specific themesMore info about the themes