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: 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

#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

Branded component

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

More info