Skip to main content

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon

Badges on background

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon

Badges on alternate background 1

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon

Badges on alternate background 2

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon

Badges on primary background

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon

Badges on dark background

Default

Inverse

Brand

Warning

Negative

Positive

Neutral 1

Neutral 2

 Default with icon

 Inverse with icon

 Brand with icon

 Warning with icon

 Negative with icon

 Positive with icon

 Neutral 1 with icon

 Neutral 2 with icon