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.

Colors

Maintaining consistent and engaging digital interfaces, whether applications or experiences, demands extended guidance around color usage.

last modified: 15/09/2023 16:05:14

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

This color is the brand identifier of Pickx.

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.

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: 23/10/2023 16:20:23

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.