FOUNDATIONS

Spacing

Radius

Iconography

Typography

Global Palette

A collection of colors used as a reference for developing product user interfaces is known as the global color palette.

Brand Colors

Spacing, specifically padding and margin, refers to the amount of empty space around and between elements in a design. In a design system, spacing is an important aspect of creating a consistent and cohesive visual language.

KP Blue

WEB
#0B56A4
RGB
11R 86G 164B

KP Blue

WEB
#02ADBB
RGB
2R 173G 187B

KP Blue

WEB
#D29F14
RGB
210R 159G 20B

Global Colors

A collection of colors used as a reference for developing product user interfaces is known as the global color palette.