Background

Background
#d1d1d1
Surface
#FFFFFF

None #

None #

None #

 

Base & Grays

Dark
#000000
900
#212529
800
#343a40
700
#495057
600
#6c757d
500
#adb5bd
400
#ced4da
300
#dee2e6
200
#e9ecef
100
#f8f9fa
Light
#fdfeff
White
#ffffff
 

Brand

Primary
#007bff
Secondary
#495057
 

UX

Success
#28a745
Info
#17a2b8
Warning
#ffc107
Danger
#dc3545
 

Typhography Scale

Heading
Example
Size

h1.Heading

Montserrat

<h1></h1>

2.5 rem

h2.Heading

Montserrat

<h2></h2>

2 rem

h3.Heading

Montserrat

<h3></h3>

1.75 rem

h4.Heading

Montserrat

<h4></h4>

1.75 rem

h5.Heading
Montserrat

<h5></h5>

1.5 rem

h6.Heading
Montserrat

<h6></h6>

1 rem

Body

Roboto

1 rem

Button

Montserrat

1 rem

 

Buttons