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.

Pickx

The Proximus TV offer.

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

Overview

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 proximus.be 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: 13/12/2021 16:45:03

Primary colors

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

Black

Black should be the prominent color.

Black
#000000
Pickx

Pickx color is the brand identifier of Epic.

Pickx
#282233

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
#000000
Black 9
#252525
Black 8
#464646
Black 7
#636363

Opacities

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

W1
rgba(255, 255, 255, 0.08)
W2
rgba(255, 255, 255, 0.12)
W3
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.

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

Background colors

rs-bg-pickx

Other background colors

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