Design Guidelines

Foundation

Brand Color

Primary Color

All important interactive elements: Buttons, CTA's, links.

2

2

2

2

Secondary Color

Alternative brand colors that are used for variation.

2

2

2

2

Foundation

Nuetral Color

Greyscale Light

Light Gray tones for the User Interface.

2

2

2

2

2

2

Greyscale Light

Dark Gray tones for the User Interface.

2

2

2

2

2

2

Foundation

Base Color

Alert Color

Alerts are four colors used to indicate certain situations.

2

2

2

2

Foundation

Base Color

Background Color

Base color for the background of sections, cards.

2

2

Gradient Color

Alternative background colors for sections and cards.

2

2

Border Color

Base color used for divider, border, etc.

2