Proximus design system
Important information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.


Modes serve as an organizational framework for color, with each theme based on a specific primary background color.

last modified: 29/12/2022 09:40:04

Positive mode

The positive mode is mostly used on Proximus interfaces and apps except for a few specific products that have their own color schemes. It mainly uses those background colors:

Purple 2
Purple 1
Grey 2
Grey 1

Negative mode

Complementary to the positive mode, we also allow interfaces to be negative. Purple is the main color of the default negative mode.

Dark Purple
Purple 9

Branded component

Please refer to the Themes category for more informations about each others themes.

More info