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

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

last modified: 13/12/2021 16:40:03

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
#DED5E9
Purple 1
#EEEAF4
White
#FFFFFF
Grey 2
#F3F3F3
Grey 1
#F9F9F9

Negative mode

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

Purple
#5C2D91
Dark Purple
#45216F
Purple 9
#6C429C

Theming

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

More info