Primary colors

Primary

Class: .color-primary
Variable: --color-p2
HEX: #
RGB:

Highlight

Class: .color-highlight
Variable: --color-p1
HEX: #
RGB:

Standout

Class: .color-standout
Variable: --color-p3
HEX: #
RGB:

Secondary colors

Secondary 1

Class: .color-s1
Variable: --color-s1
HEX: #
RGB:

Secondary 2

Class: .color-s2
Variable: --color-s2
HEX: #
RGB:

Secondary 3

Class: .color-s3
Variable: --color-s3
HEX: #
RGB:

Samples

Link grid

Short link 1
Short link 2
Short link 3

Buttons

Default

.btn-default .btn-primary .btn-highlight .btn-standout .btn-secondary

Cards

Infographic

Commonly recognized by visitors and generally reserved for data-rich visualization.

Icons

Should be simple and maintain the likeness of the object it represents. samples

Card body

This space should quickly describe what visitors will find at the button link.