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.


The Proximus TV offer.

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


Pickx & Design system

We currently do not support Pickx website elements within the Design System. If you need more information about Pickx website, please contact the Pickx team. All the information include in this article and in the Design System regarding Pickx are related to the Pickx pages within website.

Branded components

All the components on negative mode can be used in the Pickx interfaces and some components are specifically customize to reflects the Pickx brand.

Expandable panel

Explore the panel article to learn more.

Selectable boxes

Explore the Selectable boxes article to learn more.

last modified: 30/09/2021 11:10:06

Pickx app

last modified: 09/11/2022 17:05:05

Primary colors

The main colors that define the Pickx identity are black and Pickx colors.


Black should be the prominent color.


This color is the brand identifier of Pickx.


Background colors

The differentiator of this product is the black universe associated with it. Therefore, all Pickx pages have a black background, and elements used black increments or opacities as background color.

Backgrounds colors

Black 9
Black 8
Black 7


These are the primary background shades for informative frames without emphasis.

rgba(255, 255, 255, 0.08)
rgba(255, 255, 255, 0.12)
rgba(255, 255, 255, 0.16)

Clickable frames

These are the background colors used for clickable frames with emphasis. These colors are used in secondary buttons and some others clickable components.

rgba(255, 255, 255, 0.24)
last modified: 17/03/2022 12:00:04

Background colors


Other background colors

Others background from the default theme can also be used, please refer to Backgound colorsNew window article.